lemonmade / bigfoot

A jQuery plugin for creating exceptional footnotes.
http://www.bigfootjs.com
MIT License
936 stars 69 forks source link

Scrollable footnotes don't scroll in Safari on Yosemite #27

Closed lexpostma closed 9 years ago

lexpostma commented 9 years ago

Longer footnotes don't always scroll in Safari 8.0 on Yosemite. They're fine on Chrome and Firefox. As soon as I open the Safari Inspector, it scrolls. Refresh the page and the issue is back...

lemonmade commented 9 years ago

I can't recreate this — they appear to be scrolling on my Safari/ Yosemite. Do you have an example page?

lexpostma commented 9 years ago

Example page: http://lexpostma.me/blog/some-more-footnotes

I also color coded the different layers. It should be all lime-colored, covering yellow and aqua, but due to inline-blocks there is an unfixable (by me) margin underneath both the lime .bigfoot-footnotecontent and the aqua .bigfoot-footnotewrapper

Safari: http://lxpst.me/Y76Y Chrome: http://lxpst.me/Y6qp Firefox: http://lxpst.me/Y7QZ

lemonmade commented 9 years ago

Hmm, strange. The margin on bottom of both of those can be removed by having a line-height of 0 on both .bigfoot-footnote and .bigfoot-footnote__wrapper. I can recreate the non-scrolling behaviour on that page, but I don't really understand it. If you just use the base styles provided in this repo, will it still not scroll?

lexpostma commented 9 years ago

I don't think so. Just changed it back to the default css. Could you check it?

lemonmade commented 9 years ago

I still lots of custom styling on the popovers that might be throwing something off — can't tell whether the issue is with Bigfoot itself or the relationship between it and your custom styles.