You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
We are using web component inside the
On scroll, the Dynamic Page title section should have higher z-index but Slider component's handle as same z-index as Dynamic Page title (z-index: 2) and the handle is visible in the header section on scroll which doesn't look good and also has been reported by our customers.
Describe the bug
We are using web component inside the
On scroll, the Dynamic Page title section should have higher z-index but Slider component's handle as same z-index as Dynamic Page title (z-index: 2) and the handle is visible in the header section on scroll which doesn't look good and also has been reported by our customers.
Isolated Example
No response
Reproduction steps
Try running below code:
<DynamicPage headerTitle={<DynamicPageTitle actions={<><Button design="Emphasized">Edit</Button><Button design="Transparent">Delete</Button><Button design="Transparent">Copy</Button><Button design="Transparent" icon="action" /></>} breadcrumbs={<Breadcrumbs><BreadcrumbsItem>Home</BreadcrumbsItem><BreadcrumbsItem>Page 1</BreadcrumbsItem><BreadcrumbsItem>Page 2</BreadcrumbsItem><BreadcrumbsItem>Page 3</BreadcrumbsItem><BreadcrumbsItem>Page 4</BreadcrumbsItem><BreadcrumbsItem>Page 5</BreadcrumbsItem></Breadcrumbs>} expandedContent={<MessageStrip>Information (only visible if header content is expanded)</MessageStrip>} header={<Title>Header Title</Title>} navigationActions={<><Button design="Transparent" icon="full-screen" /><Button design="Transparent" icon="exit-full-screen" /><Button design="Transparent" icon="decline" /></>} subHeader={<Label>This is a sub header</Label>}><Badge>Status: OK</Badge></DynamicPageTitle>}> <div style={{ height: '1800px' }}> <Slider /> </div> </DynamicPage>;
Expected Behaviour
The slider handle shouldn't be visible on scroll
Screenshots or Videos
Screen.Recording.2024-07-22.at.5.47.33.PM.mov
UI5 Web Components for React Version
1.29.0
UI5 Web Components Version
1.24.0
Browser
Chrome, Edge, Firefox, Safari
Operating System
No response
Additional Context
No response
Relevant log output
No response
Organization
SAP
Declaration
The text was updated successfully, but these errors were encountered: