[wp-trac] [WordPress Trac] #27220: Twenty Fourteen - masthead-fixed does not work on IE when using header image

[WordPress Trac]

#27220: Twenty Fourteen - masthead-fixed does not work on IE when using header
image
---------------------------+------------------------------
 Reporter:  salsaturation  |       Owner:
     Type:  defect (bug)   |      Status:  new
 Priority:  normal         |   Milestone:  Awaiting Review
Component:  Bundled Theme  |     Version:  3.8.1
 Severity:  normal         |  Resolution:
 Keywords:                 |     Focuses:
---------------------------+------------------------------
Changes (by salsaturation):

 * keywords:  reporter-feedback =>


Comment:

 Hi Lance

 Firstly if you look at Twenty Fourteen without a header imnage will see
 that it behaves consistently on IE, Webkit, Chrome when user scrolls up
 the page the menu remains in view as the 'masthead-fixed' class is added
 to the body class on page load. Now the bug

 1) Go to Appearances >> Header and add a header image... Notice as per
 Ticket-27220-twentytwelve-sticky-menu-1.png in this situation the
 'masthead-fixed' class is NOT added to the body class on page load.

 2) Open up a Webkit browser or Chrome. As you scroll past the header image
 notice the 'masthead-fixed' class is added to the body class (see.
 Ticket-27220-twentytwelve-sticky-menu-2.png) forcing the menu to stick to
 the top. This is the expected behaviour

 3) Now fire up IE and and repeat step no 2. As you scroll past the header
 image 'masthead-fixed' class is NOT added to the body class (see.
 Ticket-27220-twentytwelve-sticky-menu-2.png), thus, the menu never sticks
 to the top of the page. This is incorrect behaviour

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