With the new Calcite 1.10.0 components, a vertical scroll bar is now showing up in the calcite-tab component. I've noticed that the "content" class of the shadow-root for calcite-tab now has a new property that adds a padding-block of 0.5rem.
Here is a Codepen showing the result: https://codepen.io/fcbasson/pen/rNPjPYM
Removing or disabling the "padding-block" property also takes care of the vertical scroll bar.
This behaviour manifests in a calcite-tab (with a calcite-tab-nav) hosted inside a calcite-panel. It does not happen with Calcite 1.9.2 components.
How can I get rid of the extra padding and vertical scroll bar inside the calcite-tab?
Solved! Go to Solution.
@FC_Basson Added issue #8139, targeted for Calcite's December release next month. The regression appears to effect Chromium browsers (Firefox is unaffected).
Calcite team members plan to address the regression as soon as possible, and appreciate you bringing the issue to the forefront!
@FC_Basson Added issue #8139, targeted for Calcite's December release next month. The regression appears to effect Chromium browsers (Firefox is unaffected).
Calcite team members plan to address the regression as soon as possible, and appreciate you bringing the issue to the forefront!