Skip to content

Commit

Permalink
fix(#4049): use overflow: hidden on popover containing a menu in HCM
Browse files Browse the repository at this point in the history
  • Loading branch information
majornista committed Aug 3, 2023
1 parent 547b6f1 commit e035bc5
Showing 1 changed file with 12 additions and 0 deletions.
12 changes: 12 additions & 0 deletions packages/@adobe/spectrum-css-temp/components/popover/index.css
Original file line number Diff line number Diff line change
Expand Up @@ -151,3 +151,15 @@ governing permissions and limitations under the License.
padding-block-end: calc(2 * var(--spectrum-popover-border-size));
}
}

@media (forced-colors: active) {
.spectrum-Popover {
/* With a popover that contains a menu,
the menu scrolls. Add overflow: hidden,
so the menu's scrollbar doesn't overflow the
the popover's border-radius in the corners. */
&:has(> [role="menu"], > [role="listbox"]) {
overflow: hidden;
}
}
}

0 comments on commit e035bc5

Please sign in to comment.