Skip to content

Table sticky headers break in Firefox, in RTL on dynemic column changes  #13355

Open
@Eddygn

Description

@Eddygn

Bug, feature request, or proposal:

Bug

What is the expected behavior?

Sticky headers to work in RTL.

What is the current behavior?

The columns and their headers become misaligned, semi disappear, and the rows show behind the headers on scroll

sticky_bug

What are the steps to reproduce?

https://stackblitz.com/edit/angular-gmgfau

What is the use-case or motivation for changing an existing behavior?

Sticky headers and dynamic columns are an important functionality in a datatable.

Which versions of Angular, Material, OS, TypeScript, browsers are affected?

Material 6.4.7
Firefox 62.0.2

Is there anything else we should know?

From what I saw, forcing a re-flow used to work as a 'workaround'.

Metadata

Metadata

Assignees

No one assigned

    Labels

    P3An issue that is relevant to core functions, but does not impede progress. Important, but not urgentarea: material/tablei18nThis issue is related to internationalization

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions