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
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.
Frame Immediately after
Once 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.
FREE CONSULTATION
Hire our experts to build a dedicated project. We'll analyze your business requirements, for free.
Answered
- 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