1976008 - [meta] Material3 extra margins

Status: NEW

(Firefox for Android :: Design System and Theming, defect)

Description

[Vasilica Tamas (Android QA) [:vtamas]]

This issue has been created to track all screens affected by extra margins introduced by Material3

Comment 1

[Paul [pwd]]

I'm not sure if it's being considered, but Material 3 has a really nice compress animation whereby when you scroll, a large flexible app bar becomes a small one.

You can see this animated here: https://m3.material.io/components/app-bars/guidelines

It seems that all the pages that suffer from this margin issue would benefit from this animation that comes free with Material 3.

Comment 2

[Noah Bond [:007]]

(In reply to Paul [pwd] from comment #1)

I'm not sure if it's being considered, but Material 3 has a really nice compress animation whereby when you scroll, a large flexible app bar becomes a small one.

You can see this animated here: https://m3.material.io/components/app-bars/guidelines

It seems that all the pages that suffer from this margin issue would benefit from this animation that comes free with Material 3.

That's a great point! I'm surprised that scrolling behavior wasn't automatically applied during the migration, but I'd imagine it's a lighter lift to implement this.

Comment 3

[Paul [pwd]]

Regarding the extra margins, there's a possibility that they're caused by a workaround for the edge to edge UI. When Fenix "adopted" SDK 34, edge to edge UI would've been introduced. If someone wasn't cognizant of that, they would've just compensated by increasing the margins at the top and bottom of the screen. Now that Fenix is switching to compose, those workarounds are sitting on top of an otherwise clean implementation of Material UI, causing the gaps. It seems more than feasible.