“Remove all position styles” doesn't apply to top, bottom, left, right properties

Issues
1

*What are you trying to do? (please be as specific as possible and include relevant screenshots, code snippets)

The top, bottom, right, left position properties are not reset to default when applying the* “Remove all position styles”

*What are the reproduction steps?

  1. In base breakpoint, add vertical stack to page and set position to “free”, additionally set “right” property to 40px*

    image
    image1246×674 80.6 KB
    *

  2. In different breakpoint, apply the* “Remove all position styles”, position is set to “relative” but see how the 40px “right” value and any other position value previously set are still applied.

image
image1238×974 118 KB

Relevant links:

2

Hi @jorge_pizzati, it looks like you encountered a real bug, clearing the position style in a variant shouldn’t set the position to relative in that variant (breakpoint).

But clearing styles is only meant to affect the active breakpoint, so to clear the inherited styles you’d either need to do so in the base variant (desktop breakpoint) or override all the styles in the mobile breakpoint. You could do that by clicking “Auto”, which sets position: relative and sets every inherited offset to auto.

3

The bug should be fixed now!

4

Can confirm, I was able to set position back to auto in smaller breakpoint.

Thanks! @samuel_pullman