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


Could you please let me know why it happens like this?
Thanks for your help.
Answers (2)
The float property collapses the parent div. You can use this for reference.
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.
Issue #1904
Get change in property float
I'm trying to listen to the change in the 'float' property whether it was shifted to the 'left' or 'right' or 'none' in Style Manager using...
Issue #2129
[Question] how to append a button inside default modal and catch it's click event
I want a form inside a modal (using the default modal ), on click of the submit button make an ajax call. I have created a new component wh...
Issue #2541
[Question] Assign style to class not ID
What I'm trying to achieve is whenever the "block" inside of the canvas is edited the style isn't added to an #id but instead added to a cl...
Issue #2990
QUESTION: Is there a way to use different variations of the same style property?
Note: This is in the context of the Style Manager. Is there a way to use different variations of the same style property? For example when...
Paid Plugins That Match This Issue
Curated by issue keywords and label relevance to help you ship faster.
Loading paid plugin recommendations...
Browse Plugin Categories
Jump directly to plugin category pages on the marketplace.