So I'm trying to size a bar which has size and position relative to the browser window, and so I wrote a piece of code which achieved this :
/* 25 pixel hieght, 100% browser width, fixed position at the bottom of the browser */#element{ height: 25px; margin-top : calc(100vh - 25px); //Issue here with chrome position : fixed; background-color : #c8c8c8; width : 10%;}
My issue is that there's a bug with google chrome, where viewpoints don't work inside calc(). Apparently the developer who wrote the code to support viewpoints in chrome hasn't worked at google for almost a year now, so according to bug reports there's no fix in sight.
vh and calc() in chrome
in CSS
Posted
So I'm trying to size a bar which has size and position relative to the browser window, and so I wrote a piece of code which achieved this :
/* 25 pixel hieght, 100% browser width, fixed position at the bottom of the browser */#element{ height: 25px; margin-top : calc(100vh - 25px); //Issue here with chrome position : fixed; background-color : #c8c8c8; width : 10%;}My issue is that there's a bug with google chrome, where viewpoints don't work inside calc(). Apparently the developer who wrote the code to support viewpoints in chrome hasn't worked at google for almost a year now, so according to bug reports there's no fix in sight.
Any suggestions on how to work around this issue?