Skip to content
This repository was archived by the owner on Jul 28, 2018. It is now read-only.

Media Queries in <body> do not load properly in IE #568

Open
gabeodess opened this issue Jul 7, 2015 · 3 comments
Open

Media Queries in <body> do not load properly in IE #568

gabeodess opened this issue Jul 7, 2015 · 3 comments

Comments

@gabeodess
Copy link

When I include a stylesheet in the tag of my document and link to it via Turbolinks, the media queries get rendered without restriction in IE. I've found that resizing the browser triggers the media queries to render properly. Perhaps, issuing a page resize on page load for IE would fix this problem?
@Thibaut
Copy link
Collaborator

Thibaut commented Aug 17, 2015

Please post code or a URL where we can reproduce.

@syropian
Copy link

We've also been encountering this in ie11. A full page refresh works fine, but if the page is shown with
turbolinks, the media queries activate, even if they don't match the current screen size. I tried triggering resize with $(window).trigger('resize') but that didn't fix anything. I have to physically change the browser dimensions to get it to update.

Edit: To reproduce, just have a style tag within your page's body that has media query rules, and then load the page through turbolinks.

@Fudoshiki Fudoshiki mentioned this issue Dec 28, 2017
Closed
@Fudoshiki
Copy link

Only actual for pages where present button tag or input type='submit'

Sign up for free to subscribe to this conversation on GitHub. Already have an account? Sign in.
Assignees
No one assigned
Labels
None yet
Projects
None yet
Milestone
No milestone
Development

No branches or pull requests
4 participants
@Thibaut @gabeodess @syropian @Fudoshiki