Select to view content in your preferred language

Calcite 1.10.0 content class causing overflow scroll

521
1
Jump to solution
11-06-2023 11:52 PM
Labels (1)
FC_Basson
MVP Regular Contributor

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.

FC_Basson_0-1699342953761.png

FC_Basson_1-1699343026606.png

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?

 

0 Kudos
1 Solution

Accepted Solutions
KittyHurley
Esri Contributor

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

View solution in original post

1 Reply
KittyHurley
Esri Contributor

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