polymer-1.0

问题 I have a group of expandable divs inside a CSS grid container. I am using Polymer framework and its iron-collapse component. Codepen - https://codepen.io/vijayvmenon/pen/ZEYKZMX CSS: .card { display: grid; grid-template-columns: repeat(auto-fill,minmax(400px,1fr)); grid-column-gap: 30px; } .container { display:flex; flex-direction:column; border:1px solid black; } The CSS should be pretty straightforward. When I click on any div, the other divs in the row also expand. How can I fix this by

问题 I have a group of expandable divs inside a CSS grid container. I am using Polymer framework and its iron-collapse component. Codepen - https://codepen.io/vijayvmenon/pen/ZEYKZMX CSS: .card { display: grid; grid-template-columns: repeat(auto-fill,minmax(400px,1fr)); grid-column-gap: 30px; } .container { display:flex; flex-direction:column; border:1px solid black; } The CSS should be pretty straightforward. When I click on any div, the other divs in the row also expand. How can I fix this by

问题 I have a group of expandable divs inside a CSS grid container. I am using Polymer framework and its iron-collapse component. Codepen - https://codepen.io/vijayvmenon/pen/ZEYKZMX CSS: .card { display: grid; grid-template-columns: repeat(auto-fill,minmax(400px,1fr)); grid-column-gap: 30px; } .container { display:flex; flex-direction:column; border:1px solid black; } The CSS should be pretty straightforward. When I click on any div, the other divs in the row also expand. How can I fix this by

问题 Using Polymerfire, I want to add new nodes to a Firebase without overwriting data. (I call this push or put behavior.) In other words. I want to start with this: State A my-app | - emails | + email1@example,com + email2@example,com And finish with this. State B my-app | - emails | + email1@example,com + email2@example,com + email3@example,com + email4@example,com But when I start with State A and do this: <firebase-document id="doc" app-name="app" data="{{data}}"> </firebase-document> ...

问题 I have a polymer web component which has a div named content, within the component. I have noticed that if the host page has a style for div.content then it applies that style to my component! This is an unexpected turn of events since web components are supposed to prevent light DOM styling from leaking into the component. In addition, I am using the following css rule which is supposed to prevent such a thing from happening: :host { all: initial; } Any ideas? 回答1: Polymer by default doesn't

问题 It seems like long-press event is not part of the Polymer's specifications. How would you implement that ? I thought about using a behavior and using down and up event with some debounce tricks to manage such a new event but that means I have to make a custom element to use this behavior and can't for example use it directly on any elements I want like : <div on-long-press="_cheese">...</div> which is not convenient. Would you have other solutions ? 回答1: You don't have to make a custom

问题 Is Polymer v1.0 compatible with phonegap build? I tried to build the polymer starter kit but the build was not a success. 回答1: @Ahemed, Polymer is new and experimental. It works with only a few browsers. Phonegap, at this time, does NOT support polymer. Your questions are best directed to the one and only (as of the moment) meetup group in Silicon Valley on this subject. http://www.meetup.com/Web-Components-Silicon-Valley-Meetup/ Best of Luck. 来源： https://stackoverflow.com/questions/31636632

问题 Referencing Firebase Auth and Google Calendar, how do I do this with Polymer elements? On my page, I added a google-signin element <google-signin client-id="xxxx.apps.googleusercontent.com"> </google-signin> I then waited for the google-signin-success event to be fired and got the access token with gapi.auth2.getAuthInstance().currentUser.get().hg.access_token) How do I login with firebase-auth? I tried adding the firebase-auth element like so in my page <firebase-auth id="authenticate" user=

问题 So i made a custom-menu with iron-selector and put it inside on another custom element wich contains iron-pages and i can't bind the buttons of my menu with the content of the pages. Basically a Switcheroo with custom elements. Here is some code (simplified): my-menu <dom-module id="my-menu"> <style> :host {display: inline-block; } </style> <template> <iron-selector id="menu" selected="{{menuSelected}}" attr-for-selected="name-menu"> <div name-menu="portfolio" class="button"></div> <div name

问题 Hi i am using bellow code to create a polymer dropdown element.It is working fine in all browsers except IE. fruits-list.html <link href="https://rawgit.com/polymer/polymer/0.8-preview/polymer.html" rel="import"> <dom-module id="fruits-list"> <template> <select> <template is="dom-repeat" items="{{employees}}"> <option value="{{item.value}}">{{item.text}}</option> </template> </select> </template> <script> Polymer({ is: 'fruits-list', ready: function() { this.employees = [ {value: 'one', text: