Skip to content

[Page] Title and secondary actions flicker on form state change #7330

@tatianau

Description

@tatianau

Issue summary

On pages with long title and collapsed secondary actions, the page flickers when its state changes

Examples

Product details

products.mp4

Discount details

discounts.mp4

Product variant details

variant.mp4

Expected behaviour

Page doesn't flicker when its state changes

Actual behaviour

Page flickers when its state changes

Steps to reproduce the problem

  1. Open an admin page that renders <Page /> component and has multiple secondary actions (e.g. product details page, discount details page and others)
    1.1. Page should have secondary actions collapsed into More actions dropdown
    1.2. Having a long title makes the issue more prominent, however, it's not a pre-req for reproducing the issue, it's the secondary actions dropdown itself that flickers
  2. Change the page state (e.g. form field value)
  3. See the page actions flicker and re-render the popover that's used in the collapsed secondary actions

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