Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

[Website] Scrolling the theming example causes the page to stutter across multiple devices and browsers #5012

Open
oldrich-s opened this issue Feb 12, 2017 · 11 comments

Comments

@oldrich-s
Copy link

It is almost impossible to scroll at this page on ipad and the latest ios:

http://semantic-ui.com/examples/theming.html

It is shaking as hell while scrolling...

@awgv
Copy link
Member

awgv commented Feb 12, 2017

Hi @czb, what version of Safari is it?

@oldrich-s
Copy link
Author

It is iOS 10.2.1

@awgv
Copy link
Member

awgv commented Feb 13, 2017

I got hold of a device with 10.2.0, confirming the issue.

@awgv awgv added this to the Needs Milestone milestone Feb 13, 2017
@awgv
Copy link
Member

awgv commented Feb 13, 2017

Linking a related issue: Semantic-Org/Semantic-UI-Docs#283:

While scrolling down the theme example page on the live docs I noticed the whole page stutters and at times even flings me 500px+ up the page while scrolling down.

I'm using the latest version of Chrome on OSX Sierra and so far I haven't noticed any issues with any other sites so I'm going to assume this is a issue with the docs and not my OS or browser.

@awgv
Copy link
Member

awgv commented Mar 23, 2017

This one is probably related as well: #2110.

@awgv awgv changed the title Scrolling on ipad at the theming example web page [Website] Scrolling the theming example causes the page to stutter across multiple devices and browsers Mar 24, 2017
@awgv
Copy link
Member

awgv commented Mar 24, 2017

From #5195:

There is some scroll hell on theming page.
Browser: Google Chrome 56.0.2924.87
OS: Android 5.1 / Flyme
Video

@jlukic
Copy link
Member

jlukic commented Apr 4, 2017

I've fixed this with 52dbc62 and will be deploying this fix early to the docs.

@jlukic jlukic closed this as completed Apr 4, 2017
@jlukic
Copy link
Member

jlukic commented Apr 4, 2017

It should be up now on semantic-ui.com if you hard refresh.

@oldrich-s
Copy link
Author

i have just tested

https://semantic-ui.com/examples/theming.html

on iphone 6, ios 10.3 after clearing data in safari and it is probably worse then before. I also tested chrome. The worst thing is that now in chrome on ios it is almost inpossible to click on the top bar to show the address bar as it disappears immediatelly again.

@jlukic jlukic reopened this Apr 4, 2017
@jlukic
Copy link
Member

jlukic commented Apr 4, 2017

Sorry this issue appears to be related to the use of iframes in the theming example, unrelated to the fixed issue.

(the iframes in the theming example each calculate their size on page load)

The fix was actually for #3430 #5195

@stale
Copy link

stale bot commented Jun 5, 2018

There has been no activity in this thread for 90 days. While we care about every issue and we’d love to see this fixed, the core team’s time is limited so we have to focus our attention on the issues that are most pressing. Therefore, we will likely not be able to get to this one.

However, PRs for this issue will of course be accepted and welcome!

If there is no more activity in the next 90 days, this issue will be closed automatically for housekeeping. To prevent this, simply leave a reply here. Thanks!

@stale stale bot added the stale label Jun 5, 2018
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Projects
None yet
Development

No branches or pull requests

3 participants