Top edge fab buttons partially hidden behind ion-header

#1

After an update to Chrome 71, the top edge fab buttons don’t display properly.

This issue is actually visible on the docs page:
2018-12-10_2227

This is also an issue on android phones with running Chrome 71.

Kind regards
Christoffer

#2

See my answer here:

I’ve also submitted an Issue to the Github repo…

1 Like
#3

I resolve it by moving the Fab (ion-fab element) into the ion-header and using bottom edge instead of top edge!

1 Like
#4

The better solution more recently is to override ion-content attribute contain as below until the fix is merged in. No need to move ion-fab around.
app.scss

ion-content {
  contain: size style;
}