Problem with inactive tabs forcing width and height html elements to be 0
-
Long story short, I have some custom html/css/js code that within each of the tabs with the image html element, and on top of the image element i have some div elements that has a css position style of absolute, and its top and left positions are calculated based on the height, width, left and top of the image element.
The problem is that the Tabs block forces all html elements within inactive tabs to have a height, width, left and top to be 0. Thus whenever i switch to a new tab, the div elements with position style absolute in the new tab will have its location miscalculated.
Note that resizing the browser window will recalculate those positions
-
Hey @alexshum939, tabs in general hide the content of the other tabs. So while this works for most types of content, there might be scenarios that it show issues especially for more dynamic content or interactive content.
Unfortunately, in these cases you would need to force the interactive content to re-initialize like what you’ve already done with recalculating positions.
- The topic ‘Problem with inactive tabs forcing width and height html elements to be 0’ is closed to new replies.
