Created
January 21, 2015 19:36
-
-
Save emackey/64913001b417343398a9 to your computer and use it in GitHub Desktop.
Odd checkbox behavior in Google Chrome
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| <!DOCTYPE html> | |
| <html lang="en"> | |
| <head> | |
| <meta charset="utf-8"> | |
| <meta http-equiv="X-UA-Compatible" content="IE=Edge,chrome=1"> <!-- Use Chrome Frame in IE --> | |
| <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, minimum-scale=1, user-scalable=no"> | |
| <meta name="description" content="In Chrome 39.0.2171.99, some checkboxes don't update checks when clicked."> | |
| <meta name="cesium-sandcastle-labels" content="Showcases"> | |
| <title>Cesium Demo</title> | |
| <script type="text/javascript" src="../Sandcastle-header.js"></script> | |
| <script type="text/javascript" src="../../../ThirdParty/requirejs-2.1.9/require.js"></script> | |
| <script type="text/javascript"> | |
| require.config({ | |
| baseUrl : '../../../Source', | |
| waitSeconds : 60 | |
| }); | |
| </script> | |
| </head> | |
| <body class="sandcastle-loading" data-sandcastle-bucket="bucket-requirejs.html"> | |
| <style> | |
| @import url(../templates/bucket.css); | |
| #toolbar { | |
| background: rgba(42, 42, 42, 0.8); | |
| padding: 4px; | |
| border-radius: 4px; | |
| } | |
| #toolbar input { | |
| vertical-align: middle; | |
| padding-top: 2px; | |
| padding-bottom: 2px; | |
| } | |
| #toolbar table tr { | |
| transform: translateY(0); | |
| transition: transform 0.4s ease-out; | |
| } | |
| </style> | |
| <div id="cesiumContainer" class="fullSize"></div> | |
| <div id="loadingOverlay"><h1>Loading...</h1></div> | |
| <div id="toolbar"> | |
| <table><tbody> | |
| <tr> | |
| <td><input type="checkbox"> The top 3 work.</td> | |
| </tr> | |
| <tr> | |
| <td><input type="checkbox"></td> | |
| </tr> | |
| <tr> | |
| <td><input type="checkbox"></td> | |
| </tr> | |
| <tr> | |
| <td><input type="checkbox"> This one is broken</td> | |
| </tr> | |
| <tr> | |
| <td><input type="checkbox"> and following ones too.</td> | |
| </tr> | |
| </tbody></table> | |
| </div> | |
| <script id="cesium_sandcastle_script"> | |
| function startup(Cesium) { | |
| "use strict"; | |
| //Sandcastle_Begin | |
| var viewer = new Cesium.Viewer('cesiumContainer'); | |
| //Sandcastle_End | |
| Sandcastle.finishedLoading(); | |
| } | |
| if (typeof Cesium !== "undefined") { | |
| startup(Cesium); | |
| } else if (typeof require === "function") { | |
| require(["Cesium"], startup); | |
| } | |
| </script> | |
| </body> | |
| </html> |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
This is for #2343.