search

SAP / ui5-webcomponents

UI5 Web Components - the enterprise-flavored sugar on top of native APIs! Build SAP Fiori user interfaces with the technology of your choice.
https://sap.github.io/ui5-webcomponents/
Apache License 2.0
1.46k stars 253 forks source link

[DynamicPage (v2.0.0-rc.6)]: visual issues with `titleArea`, `footer` and header actions #9252

Closed Lukas742 closed 9 hours ago

Lukas742 commented 1 week ago

Bug Description

I've found three visual issues with the DynamicPage:

1. titleArea hover background-color:

When hovering the titleArea the background color of the toolbar/s is not adjusted:

image

2. footer is briefly visible when rendering the page, even though showFooter isn't set.

https://github.com/SAP/ui5-webcomponents/assets/9749730/0dccccd7-67a6-41e5-a645-a17f87e6dd68

3. header action buttons are overflowing the titleArea briefly

Depending on the hardware, this problem is more or less noticeable. To better observe this behavior in the video, you can set the playback speed to 0.5 for example.

https://github.com/SAP/ui5-webcomponents/assets/9749730/1a1ec1c1-bb65-478a-a7c4-e8de55d22b38

Affected Component

DynamicPage

Expected Behaviour

No response

Isolated Example

https://stackblitz.com/edit/github-wlyx82?file=styles.css,index.html,main.js

Steps to Reproduce

  1. Go to StackBlitz
  2. Hover over the titleArea --> see hover issue
  3. Refresh the page --> see footer issue
  4. Scroll --> see action buttons issue

Log Output, Stack Trace or Screenshots

No response

Priority

Low

UI5 Web Components Version

v2.0.0-rc.6

Browser

Chrome

Operating System

No response

Additional Context

No response

Organization

UI5WCR

Declaration

hinzzx commented 1 week ago

Hey team,

@SAP/ui5-webcomponents-topic-p, the reported issues are reproducible and visible in the provided sample.

  1. Hovering over the titleArea doesn't apply hover effects (like background, border and other stylings) to the buttons and the container which is wrapping them.
  2. On initial page load, the footer could be seen for a bare second, then dissapearing, even though the showFooter property isn't set.
  3. This issue wasn't reproducible on my end, so I believe it might have something to do with browser/hardware setup locally. Please check it on your end as well.

https://github.com/SAP/ui5-webcomponents/assets/88034608/eb2c5703-83bb-4069-b63b-bff1d9404da8

Best Regards, Stoyan