position:fixed seems to be causing issues in Chrome version 59. In my application, I have a toolbar fixed below the menubar. While it works perfectly in all other browsers and even in older versions of Chrome with the CSS rule provided below, it fails in Chrome version 59. Is there a solution to this problem using CSS or jQuery?
#toolBar {
background: #f7f7f7;
height: 29px;
border-bottom: 1px solid #3d5fa3;
left: 19.4%;
position: fixed;
right: 0;
z-index: 99999999999999999;
-webkit-transition: all .2s ease-in-out;
transition: all .2s ease-in-out;
-webkit-transform: translateZ(0);
}
It appears that this issue is specific to Chrome version 59. For more information on targeting CSS for specific Chrome versions, you can refer to this question: Is there any way to apply CSS for specific Chrome version?