WordPress database error: [Can't create/write to file '/tmp/#sql-temptable-4db-129a4f-e0.MAI' (Errcode: 28 "No space left on device")]
SELECT p.*, o.option_value, GROUP_CONCAT(DISTINCT CONCAT(m.meta_key, "::", m.meta_value) separator "::::") as seo_meta, t.slug, tr.language_code as language FROM wp_posts p JOIN wp_postmeta m ON p.ID = m.post_id JOIN wp_options o ON o.option_name = "siteurl" JOIN wp_term_relationships r ON r.object_id = p.ID JOIN wp_term_taxonomy x ON x.term_taxonomy_id = r.term_taxonomy_id JOIN wp_terms t ON t.term_id = x.term_id JOIN wp_icl_translations tr ON p.ID = tr.element_id WHERE post_type = "page" AND post_status = "publish" AND tr.language_code = 'en' AND t.slug IN ('jquery') AND x.taxonomy = "page_cat" AND tr.element_type = "post_page" AND meta_key IN ("_yoast_wpseo_title", "_yoast_wpseo_metadesc") GROUP BY p.ID

WordPress database error: [Can't create/write to file '/tmp/#sql-temptable-4db-129a4f-e1.MAI' (Errcode: 28 "No space left on device")]
SHOW FULL COLUMNS FROM `wp_options`

Modal is causing flicker of content in the Accordion

WordPress database error: [Can't create/write to file '/tmp/#sql-temptable-4db-129a4f-e2.MAI' (Errcode: 28 "No space left on device")]
SELECT p.* FROM wp_mdb_forum_posts AS p LEFT JOIN wp_mdb_forum_posts AS q ON( q.Id = p.ParentId AND p.Id = q.AcceptedAnswerId ) WHERE p.PostTypeId = 2 AND p.ParentId = 118940 GROUP BY p.Id ORDER BY CASE WHEN q.Id IS NOT NULL THEN 1 ELSE 0 END DESC, p.UpvoteCount DESC, p.CreationDate ASC


Topic: Modal is causing flicker of content in the Accordion

Mayerkel pro premium priority asked 3 years ago

I am experiencing very odd behavior when I am using the Accordion with the Modal. What happens is that even if I have the Modal being triggered and rendered by an unrelated button, when I open an Accordion Item, the Accordion item's content will flash briefly (1 frame) before doing the un-collapse animation.

I really want to be able to use the Modal, but even when I simply do <MDBModal /> with nothing in it, the weird Accordion behavior happens. The two components should have nothing to do with one another.

I even went as far as putting <MDBModal /> in my Navbar to see if the issue persists, and it does.

However, once I remove the Modal completely, the Accordion works seamlessly.

Once the AccordionItem is clicked. Notice how the AccordionItem's background is not expanded at all. You can view this expansion in the 3rd image.Once the AccordionItem is clicked

Frame Immediately afterFrame Immediately after

Once Accordion item is expandedOnce Accordion item is expanded

The Modal should not affect the Accordion at all. It seems that wherever the Modal is placed, it causes the Accordion to exhibit this behavior.

This behavior happens every time the Accordion is populated with items and a Modal Component is being used. I tried clearing out the AccordionItem and simply placing text in it. However, the issue persists.

Help with this would be extremely appreciated as I do not want to have to try to make my own Modal or use an external library's Modal. Thank you.

Edit

I found that the following code will exhibit the same results:

           <MDBAccordion initialActive={0}>
            <MDBAccordionItem collapseId={0}>
                <p>Hello</p>
            </MDBAccordionItem>
            <MDBAccordionItem collapseId={1}>
                <p>Hello</p>
            </MDBAccordionItem>
            <MDBAccordionItem collapseId={2}>
                <p>Hello</p>
            </MDBAccordionItem>
            <MDBAccordionItem collapseId={3}>
                <p>Hello</p>
            </MDBAccordionItem>
            <MDBAccordionItem collapseId={4}>
                <p>Hello</p>
            </MDBAccordionItem>
        </MDBAccordion>
        <MDBModal></MDBModal>

It turns out that it doesn't matter what is in the Accordion or the Modal. If they are both being rendered on the page, the Accordion will glitch.


Please insert min. 20 characters.

FREE CONSULTATION

Hire our experts to build a dedicated project. We'll analyze your business requirements, for free.

Status

Answered

Specification of the issue
  • User: Pro
  • Premium support: Yes
  • Technology: MDB React
  • MDB Version: MDB5 3.0.0
  • Device: PC
  • Browser: Chrome
  • OS: Windows 10
  • Provided sample code: No
  • Provided link: No