Skip to content

DynamicPageTitle flickers on scroll when heading wraps (snapped transition) #13124

@knottykid

Description

@knottykid

Bug Description

When using ui5-dynamic-page with ui5-dynamic-page-title, the title flickers/jumps during the snap/expand transition if the heading wraps to multiple lines. This happens without any custom styling or shadow DOM overrides.

Affected Component

DynamicPageTitle

Expected Behaviour

Title remains stable; no visual jump/flicker during snap/expand.

Isolated Example

No response

Steps to Reproduce

  1. Render a ui5-dynamic-page with a long heading in DynamicPageTitle so it wraps to 2+ lines.
  2. Ensure the page has enough content to scroll.
  3. Scroll up/down through the snap point (header transitions between expanded/snapped).

Log Output, Stack Trace or Screenshots

No response

Priority

Medium

UI5 Web Components Version

@ui5/webcomponents-fiori, @ui5/webcomponents-react

Browser

Chrome

Operating System

No response

Additional Context

  • Observed in a real app without any custom header overrides.
  • Likely related to header height recalculation on snap when heading wraps.

Organization

SAP Signavio

Declaration

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

Metadata

Metadata

Assignees

No one assigned

    Labels

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions