search

soflyy / oxygen-bugs-and-features

Bug Reports & Feature Requests for Oxygen
https://oxygenbuilder.com/
315 stars 29 forks source link

!important is added to a Display:grid if a div has a class assigned #3469

Closed GloryANT closed 9 months ago

GloryANT commented 9 months ago

Any bug report that doesn't include a Sandbox link or replication steps will be closed. If you can't provide these pieces of information, we're happy to help you via our official support channel instead: https://oxygenbuilder.com/support. You need to select "Something's broken and I need help" from the dropdown box on the left.

Describe the bug So that's happened after the latest update to 4.8. The div, that has assigned class with a display grid option adds additional line to the css with !important, which cannot be overwritten on a different breakpoint. Everything is set using builder UI, no custom code. CleanShot 2023-12-15 at 14 41 21@2x

CleanShot 2023-12-15 at 14 43 52@2x

When I do this on the ID level - works perfectly as it should. CleanShot 2023-12-15 at 14 43 10@2x

CleanShot 2023-12-15 at 14 44 20@2x

A link to a Sandbox site where the bug has been reproduced https://oxygenbuilder.com/try? (REQUIRED) https://oxygen-qzpmas9mkmmwl.oxygen-demo.qsandbox.org/test/

Steps to reproduce the behavior:

  1. Go to the builder, create a section, inside a div. Assign a class to a div, width 100%, display:grid, 3 colums. Add 3 divs inside. Go to breakpoint "less than 992px", change display to none in Advanced > Layout. This won't work, because the desktop display:grid has !important
  2. Go to the builder, create a section, inside a div. On ID level assign width 100%, display:grid, 3 colums. Add 3 divs inside. Go to breakpoint "less than 992px", change display to none in Advanced > Layout. This will work, the code is clean and correct, like it was before 4.8.
mtenreiro commented 9 months ago

Duplicated. It was already reported 2 years ago. https://github.com/soflyy/oxygen-bugs-and-features/issues/2493