Skip to content

Instantly share code, notes, and snippets.

@dvdvnl
Last active June 21, 2019 06:16
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save dvdvnl/a5f0373f263c12c7005168e6605be6a4 to your computer and use it in GitHub Desktop.
Save dvdvnl/a5f0373f263c12c7005168e6605be6a4 to your computer and use it in GitHub Desktop.
Border bug reproduction code for Chrome 17.0.963.46 (legacy gist for https://www.davole.com/2012/chrome-17-0-963-46-border-bug)
.buggy-chrome .messedUpElement{
border-bottom-left-radius: 0 !important;
border-bottom-right-radius: 0 !important;
}
<html>
<head>
<title>chrome 17 bug</title>
<style>
body {
height: 1500px;
}
#foo {
background: #ccc;
border-bottom: 5px solid blue;
border-radius: 2px;
height: 300px;
width: 200px;
}
</style>
</head>
<body>
<div id=”foo”>
this</br>
is</br>
not</br>
cool</br>
,</br>
google</br>
</div>
</body>
</html>
var browser = navigator.userAgent;
var buggyVersions = ['Chrome / 17.0.963.46', 'Chrome / 17.0.963.56', …];
for (var version in buggyVersions) {
if (browser.indexOf(buggyVersions[version]) !== -1) {
document.getElementsByTagName(‘html’)[0].className +=’ buggy - chrome’;
break;
}
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment