Closed PalmerAL closed 9 years ago
So the solution here would be to use absolute/fixed positioning
Apparently, having a fixed position element inside of a sticky positioned element causes really weird behavior in webkit on ios. As you scroll down the page, the fab moves down the screen with the scroll until you stop scrolling. When you lift your finger up and start scrolling again, it moves back to the top, but then starts moving down the page again. Maybe move the fab outside of the toolbar?
@PalmerAL I think that's a problem with fixed positioning. Maybe sticky positioning will work right ?
Since the button is inside a navbar that sticks to the top of the screen anyway, I just changed the button to absolute positioning, which works fine.
Having the fab button in the navbar affects the width of the typography section (although it does not do this for any other section - not sure why).