[wp-trac] [WordPress Trac] #38472: Twenty Seventeen - improve front end display in Internet Explorer 8 (was: Twentyseventeen - improve front end display in Internet Explorer 8)

[WordPress Trac]

#38472: Twenty Seventeen - improve front end display in Internet Explorer 8
-----------------------------------------+--------------------
 Reporter:  adamsilverstein              |       Owner:
     Type:  defect (bug)                 |      Status:  new
 Priority:  normal                       |   Milestone:  4.7
Component:  Themes                       |     Version:  trunk
 Severity:  normal                       |  Resolution:
 Keywords:  needs-patch has-screenshots  |     Focuses:
-----------------------------------------+--------------------
Description changed by adamsilverstein:

Old description:

> Twentyseventeen "should look okay and be functional" in IE8. We are not
> aiming for perfect.
>
> I did some testing in Browserstack and noticed several issues I hope we
> can fix these as they make the theme pretty unusable for ie8 users.
>
> Starting with the home page:
>
> * Site title missing style and at top instead of bottom of page
> * Menu located mid-page
> * No indication of more content below
>
> [[Image(https://cl.ly/41262v0X2b2k/Image%202016-10-24%20at%2010.42.19%20AM.png)]]
>
> Setting a static front page results in that page's content overlapping
> the home page image:
>
> [[Image(https://cl.ly/041I0h2q3w0v/Dashboard_2016-10-24_10-48-22.jpg)]]
>

> The menu functions, however I'm getting the mobile menu, and the SVG
> icons are missing (hamburger bars and close):
>
> [[Image(https://cl.ly/2J3u2e3L2A2T/Dashboard_2016-10-24_10-45-19.jpg)]]
>

> Single posts show the full size splash image (not just the header bar),
> and the content is completely missing (not visible):
>
> [[Image(https://cl.ly/0h331n2E212x/Dashboard_2016-10-24_11-15-29.jpg)]]
>
> Screencast: https://cl.ly/2o3n163Q0543
>
> It looks like the issue here is the header background image is covering
> the entire page content... using ie debug tools i removed the `custom-
> header-image` div's background image, revealing the page content below,
> although the sidebars also appear to be missing in action (removing the
> image in the customizer also made the content visible in ie8)
>
> [[Image(https://cl.ly/3o1A3r3F0u3C/Dashboard_2016-10-24_10-56-25.jpg)]]
>
> Compared to the correct appearance in chrome:
>
> [[Image(https://cl.ly/2z1h3N190h3N/Hello_world__wpdev_2016-10-24_11-00-12.jpg)]]

New description:

 Twenty Seventeen "should look okay and be functional" in IE8. We are not
 aiming for perfect.

 I did some testing in Browserstack and noticed several issues I hope we
 can fix these as they make the theme pretty unusable for ie8 users.

 Starting with the home page:

 * Site title missing style and at top instead of bottom of page
 * Menu located mid-page
 * No indication of more content below

 [[Image(https://cl.ly/41262v0X2b2k/Image%202016-10-24%20at%2010.42.19%20AM.png)]]

 Setting a static front page results in that page's content overlapping the
 home page image:

 [[Image(https://cl.ly/041I0h2q3w0v/Dashboard_2016-10-24_10-48-22.jpg)]]


 The menu functions, however I'm getting the mobile menu, and the SVG icons
 are missing (hamburger bars and close):

 [[Image(https://cl.ly/2J3u2e3L2A2T/Dashboard_2016-10-24_10-45-19.jpg)]]


 Single posts show the full size splash image (not just the header bar),
 and the content is completely missing (not visible):

 [[Image(https://cl.ly/0h331n2E212x/Dashboard_2016-10-24_11-15-29.jpg)]]

 Screencast: https://cl.ly/2o3n163Q0543

 It looks like the issue here is the header background image is covering
 the entire page content... using ie debug tools i removed the `custom-
 header-image` div's background image, revealing the page content below,
 although the sidebars also appear to be missing in action (removing the
 image in the customizer also made the content visible in ie8)

 [[Image(https://cl.ly/3o1A3r3F0u3C/Dashboard_2016-10-24_10-56-25.jpg)]]

 Compared to the correct appearance in chrome:

 [[Image(https://cl.ly/2z1h3N190h3N/Hello_world__wpdev_2016-10-24_11-00-12.jpg)]]

--

--
Ticket URL: <https://core.trac.wordpress.org/ticket/38472#comment:3>
WordPress Trac <https://core.trac.wordpress.org/>
WordPress publishing platform