Calcite 1.10.0 content class causing overflow scroll

FC_Basson — Tue, 07 Nov 2023 12:51:19 GMT

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?

Re: Calcite 1.10.0 content class causing overflow scroll

KittyHurley — Wed, 08 Nov 2023 15:00:48 GMT

@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!

topic Calcite 1.10.0 content class causing overflow scroll in Calcite Design System Questions

Calcite 1.10.0 content class causing overflow scroll

Re: Calcite 1.10.0 content class causing overflow scroll