search

nt1m / material-framework

[Unmaintained] An easy to use material design based framework.
http://nt1m.github.io/material-framework
MIT License
388 stars 86 forks source link

typography section bug #65

Closed PalmerAL closed 9 years ago

PalmerAL commented 9 years ago

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). screen shot 2015-01-22 at 4 44 36 pm

nt1m commented 9 years ago

So the solution here would be to use absolute/fixed positioning

PalmerAL commented 9 years ago

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?

nt1m commented 9 years ago

@PalmerAL I think that's a problem with fixed positioning. Maybe sticky positioning will work right ?

PalmerAL commented 9 years ago

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.