WIP: Slider (Nestable) editor display issue when disabling or enabling Arrows / Pagination with CSS Class selected

Bugs
1

Browser: Safari
OS: macOS

I noticed this in editing today in Bricks 1.11 that the Slider Nestable element has a display issue in the builder/editor when a CSS class is selected and trying to disable or enable pagination or arrows. Some screenshots included below for reference:

What it looks like with CSS class selected and after enabling the Pagination Show toggle (notice the missing fields):

image
image636×1608 47.2 KB

What it looks like if I simply close the Pagination accordion and re-expand it.

image
image624×2238 71.5 KB

The same behaviour occurs for Arrows too.

Steps to reproduce:

  1. Add a Nestable Slider element to a page in the editor.
  2. Add a class to the root Nestable Slider element, call it anything you’d like.
  3. Select the newly created class to make sure it’s active.
  4. While the CSS class is actively chosen, expand the Pagination or Arrows accordions and select the Show toggle to enable.
  5. Note the lack of expected fields.
  6. Now simply close the accordion and re-expand it with the CSS class still selected, and see all of the expected fields now display correctly.

To my testing this seems to only occur when selecting a CSS class.

2

Hi @d19dotca,

thank you for the bug report and very clear steps to reproduce it. I confirmed it on local installation and I’ve added it to to internal bug tracker.

Best regards,
Matej

3

You’re very welcome, thank you for reproducing it so fast. :slight_smile: I did want to add that I recently discovered it appears to be the same behaviour on the non-nestable Slider element as well.

4

Yep, I discovered that also and mentioned It in the report. :slight_smile: Has to be the same for all controls with logic like this, but yeah, a (small) bug it is :slight_smile:

Thanks!
Matej