Visitar URL original
fix(ui5-shellbar): fix full-width search overlay overflow by PetyaMarkovaBogdanova · Pull Request #14288 · UI5/webcomponents · GitHub
Skip to content

fix(ui5-shellbar): fix full-width search overlay overflow - #14288

Open
PetyaMarkovaBogdanova wants to merge 1 commit into
mainfrom
fix/shellbar-search-overlay-inset
Open

PetyaMarkovaBogdanova wants to merge 1 commit into
mainfrom
fix/shellbar-search-overlay-inset

Conversation

@PetyaMarkovaBogdanova

@PetyaMarkovaBogdanova PetyaMarkovaBogdanova commented Nov 12, 2026 •

Copy link
Copy Markdown
Contributor

Summary

  • Replaces bottom: 0.0625rem; left: 0; height: 100%; width: 100% on .ui5-shellbar-search-full-width-wrapper with inset: 0 0 0.0625rem 0
  • The previous combination of bottom: 0.0625rem + height: 100% caused the overlay to overflow its container by 1px at the top
  • Using inset derives the element's size from its edges, eliminating the mismatch; the 1px bottom gap is preserved so the ShellBar bottom border remains visible

Test plan

  • Open ShellBar with search field and expand it — overlay should align flush with the ShellBar on all sides with no 1px overflow at the top
  • Verify the ShellBar bottom border is still visible (1px gap at bottom is intentional)

Internal reference: CS20260013772978

@sap-ui5-webcomponents-release

Copy link
Copy Markdown

@NakataCode
NakataCode self-requested a review November 12, 2026 18:04

This branch was successfully deployed

1 active deployment
netlify-preview — 3c25ddfe Deployed Nov 12, 2026 by PetyaMarkovaBogdanova via deploy-preview #3737
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

1 participant