Possible Bug? Component Within A Woocommerce Single Layout Tab Element

Beta
#1

Hi Charlie,

I think there may be a problem with certain Components being used within the Tab element on a Woocommerce Single Layout.

In this specific instance, the Component is an Inline Slider. When placed within a tab’s panel, it does not respect the panel’s width and forces the panel to extend to the full width of the slider - over 3000px in this example.

Originally, I had the Slide Container’s width set to 100% and have tried placing Global Containers on all levels of the slider’s hierarchy, but it still seems to extend beyond the panel.

Details and access are in the Secure Note.

2024-09-19_12-44-15
2024-09-19_12-44-151596×731 119 KB

2024-09-19_12-46-42
2024-09-19_12-46-421345×768 233 KB

Thanks,
Christopher

#2

I used this CSS on the Tab element to fix the issue. I’ll probably place this onto the x-tabs-panel class in a later release, but need to test more tab elements first. Thanks for sending this my way and have a great day.

$el .x-tabs-panel {
  width: 100%;
}
#3

As ever, brilliant! The fix works.

Thanks Charlie.