javascript - Problems Using Polymer Core Element -
i'm testing out google's polymer library, trying working drawer panel (see here). advice core element work. followed prescribed install process (see here).
in trying component working, i'm coming across 2 main issues:
by default, left panel doesn't respond mouse clicks. however, hide when width goes below 480px. the styling works in chrome (v 38.0.2125.104), not firefox (v 33.0.2) or safari (v 7.0.6). thought these browsers provided web components support. , if not,platform.js
added polyfill support. below html i'm using any directions on i) how working , ii) how working across browsers ?
<html class="no-js lt-ie9 lt-ie8 lt-ie7"> <style src="css/style.css"></style> <link href="bower_components/core-elements/core-elements.html" rel="import"> <link href="bower_components/core-drawer-panel/core-drawer-panel.html" rel="import"> <core-drawer-panel> <core-header-panel drawer="" id="drawer-panel"> <core-toolbar> <div>side panel</div> </core-toolbar> </core-header-panel> <core-header-panel main=""> <core-toolbar> <div>main panel</div> </core-toolbar> </core-header-panel> </core-drawer-panel> </html>
javascript polymer web-component
No comments:
Post a Comment