Issue #2995Opened September 3, 2020by jayeshmotwani1 reactions

QUESTION: Float Left/right removes the component from the container

Question

I have observed that whenever I align a component left or right (float left or float right), that component comes out of the parent container, however If I make it to 'None' it comes back inside the container in it's last position. I found this on live demo too.

Refer the attached screenshots Grapes JS Before alignment

Grapes JS After alignment

Could you please let me know why it happens like this?

Thanks for your help.

Answers (2)

Ju99ernautSeptember 5, 20201 reactions

The float property collapses the parent div. You can use this for reference.

artfSeptember 8, 20200 reactions

Yeah, unfortunately, that is how weird the float works, so if you're creating a builder for non-tech people avoid that property 😬

Related Questions and Answers

Continue research with similar issue discussions.

Paid Plugins That Match This Issue

Curated by issue keywords and label relevance to help you ship faster.

View all plugins

Loading paid plugin recommendations...

Browse Plugin Categories

Jump directly to plugin category pages on the marketplace.