Stackable icon indicating copy to clipboard operation
Stackable copied to clipboard

Column width resizing issue - While resizing column, the last column wraps down

Open andeng1106 opened this issue 3 years ago • 0 comments

Describe the bug Scenario: If you have a 3 columns, add a column gap, then resize the first column to 25%, the last column wraps down already

Note:

  • This issue is inconsistent and might show up or not
  • This issue usually shows up for tablet and mobile view
  • This may or may not affect other blocks that uses columns since it also has the column width resizing feature

Columns with column width resizing feature:

  • Columns/Container
  • Feature
  • Feature Grid
  • Pricing Box

To Reproduce Steps to reproduce the behavior:

  1. Add container block
  2. Select the 3 columns layout
  3. Resize the first column to 25%
  4. Check if while resizing, the last column wraps down

If issue cannot be replicated proceed to the next steps below: 5. Switch responsive view to tablet or mobile 6. Switch back to desktop view 7. Repeat step 3-4

Expected behavior Last column should not wrap down.

Screenshots

https://user-images.githubusercontent.com/103395655/188849755-d00f0967-656c-4809-9d7f-24ed30fd29d5.mp4

andeng1106 avatar Sep 07 '22 09:09 andeng1106