[dynamic-page]: Hover state of the header is incorrectly activated

[Neeeko]

Bug Description

When you use the Expand/Collapse buttons ("v", "^") of the Dynamic Page, the hover state of the Header stays activated (grey) although it shouldn't be.

See the following recording:

dynamic-page-issue-hover.mp4

Affected Component

ui5-dynamic-page

Expected Behaviour

The hover state should only be active when the mouse if hovering the header, but not when interacting with other elements.

Isolated Example

https://sap.github.io/ui5-webcomponents/components/fiori/DynamicPage/

Steps to Reproduce

1. Go to the documentation: https://sap.github.io/ui5-webcomponents/components/fiori/DynamicPage/
2. Click multiple times on the "v", "^" button to expand/collapse the header

Log Output, Stack Trace or Screenshots

No response

Priority

Medium

UI5 Web Components Version

2.3.0

Browser

Chrome, Edge, Firefox, Safari

Operating System

No response

Additional Context

No response

Organization

SuccessFactors

Declaration

• I’m not disclosing any internal or sensitive information.

[PetyaMarkovaBogdanova]

Hi colleagues,
can you, please, take a look on why the hover class is remaining after multiple expand/collapse by the button?
Best regards,
Petya.