Price Slider Widget doesn’t work inside Lightbox

  • Resolved Azragh

    (@azragh)


    3 years, 2 months ago

    Hi, I just noticed that the slider from the price slider widget is not responding properly when I open it in a Featherlight lightbox.

    The widget is first loaded in a hidden div, and then opened in the Featherlight lightbox via clicking on the filter icon. With the cart widget, product search (icons above) and the product categories the whole thing works fine, with the slider unfortunately not.

    If I include the price slider a second time in the content, this one works without further ado. The settings made in it are also transferred to the widget in the lightbox and the visual display of the slider adapts, but no further interaction is possible.

    In the lightbox the class .ui-state-default of the slider jumps to .ui-state-active, but the values of style="left:100%" only change to 0% or 100%, nothing in between (same for original and copy).

    I don’t see any difference in the HTML, and it’s not due to the CSS properties of the surrounding elements. I deactivated them one by one to find out if the cursor position can’t be found due to the fixed positioning or something similar, but no luck.

    In my opinion, it can’t be because the slider is included twice too (featherlight creates a copy for in the lightbox), because even with triple inclusion, the one that is placed directly in the content (and not hidden by default) works..

    Help? ^_^’

    The page I need help with: [log in to see the link]

Viewing 1 replies (of 1 total)
  • Thread Starter Azragh

    (@azragh)

    Nvm just found out that you can disable duplicating HTML in featherlight with data-featherlight-persist. The problem was that the script was tied to the original form / its width, which of course always was 0.

Viewing 1 replies (of 1 total)
  • The topic ‘Price Slider Widget doesn’t work inside Lightbox’ is closed to new replies.