You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
I'm noticing an entire screen repaint in Safari on my iPhone once I hit my sticky and the repaint is happening once the offsetTop kicks in for my sticky. The entire page goes white for a split second. Um, this is kinda a problem!
Here's a screencast demonstrating the problem. When you view this on my IPhone using Safari, it not only does that short jump down, but that causes Safari to blank out the entire screen for a split second. My wife noticed it as well.
Second, I noticed that when I try to look at the INK site from my iPhone in various browsers (Safari, Chrome, Firefox) I'm not seeing your demos work at all. Here's what I see happening in each browser on my iPhone:
FireFox - I don't even see the sticky rendering in the demo at all
Safari & Chrome - I see the sticky but you can't interact with the demo, meaning you can't scroll in that box at all:
So I assume that this should be working. Why isn't it?
Right now I don't know if it's a problem on my side (how I've coded markup + using INK) or if there are real problems to be concerned about with INK sticky components.
The text was updated successfully, but these errors were encountered:
dschinkel
changed the title
Glitching Happening For Sticky Component
Glitching Happening For Sticky Component - Mobile Browsers
Jun 30, 2016
I'm noticing an entire screen repaint in Safari on my iPhone once I hit my sticky and the repaint is happening once the offsetTop kicks in for my sticky. The entire page goes white for a split second. Um, this is kinda a problem!
Here's a screencast demonstrating the problem. When you view this on my IPhone using Safari, it not only does that short jump down, but that causes Safari to blank out the entire screen for a split second. My wife noticed it as well.
https://www.youtube.com/watch?v=tXQXxGwmIfQ&feature=youtu.be
and another cast of it
https://www.youtube.com/watch?v=HRQViiVNknQ&feature=youtu.be
This is my React.js code.
Second, I noticed that when I try to look at the INK site from my iPhone in various browsers (Safari, Chrome, Firefox) I'm not seeing your demos work at all. Here's what I see happening in each browser on my iPhone:
FireFox - I don't even see the sticky rendering in the demo at all
Safari & Chrome - I see the sticky but you can't interact with the demo, meaning you can't scroll in that box at all:
So I assume that this should be working. Why isn't it?
Right now I don't know if it's a problem on my side (how I've coded markup + using INK) or if there are real problems to be concerned about with INK sticky components.
The text was updated successfully, but these errors were encountered: