Questions tagged [paper-elements]

paper-elements are a set of HTML GUI widgets implemented as Polymer elements. paper-elements extend core-elements and implement the Material Design philosophy presented by Google at the I/O 2014

paper-elements are a set of elements that extend and implement the Google Material Design presented by Google at the I/O 2014.

There also exists a implementation of paper-elements. These elements build on top of the Polymer.js elements. They inherit or wrap the Polymer.js paper-elements.

345 questions
20
votes
2 answers

Polymer's Paper Elements & Angular Material

Please help me understand the following quotes from the Angular Material github and home page: This project is in early pre-release. Angular Material is both a reference implementation of Material Design and a complementary effort to the Polymer…
user3594595
16
votes
3 answers

Polymer 1.x: Modal paper-dialog appears behind its backdrop

Does anybody have any advice for fixing the problem of a modal appearing behind its backdrop? So far, I have tried making sure I have all the necessary imports (including ). I also tried a "hack-fix" (suggested by someone)…
Let Me Tink About It
  • 15,156
  • 21
  • 98
  • 207
11
votes
4 answers

paper-button with type="submit" within form doesn't submit?

I am trying to use paper-button with type attribute set to submit (as one would do with button element) to submit the enclosing form, but for some reason it is unable to submit the form. Is this a bug or feature? How to make paper-button submit the…
adarshaj
  • 1,224
  • 1
  • 11
  • 24
9
votes
2 answers

paper-dialog in Polymer doesn't close in iPhone

I use this example from the doc of polymer

Header

Lorem ipsum...
Cancel
user5303752
8
votes
1 answer

Why is my Polymer iron-icon appearing below my paper-input on navigation?

I have some simple code (Angular2 + Polymer) that creates a paper-input with a iron-icon as a suffix icon: Here is the full…
Sloth Armstrong
  • 1,066
  • 2
  • 19
  • 39
8
votes
2 answers

How do I execute a function on-close or on dismiss of for Polymer 1.0?

Question: How do I automatically execute a function whenever my element is closed? Version: Polymer 1.0 Code:
7
votes
1 answer

Polymer getting an paper-input, core-input field's value on keypress

I have paper-input element and I can catch event when key is released. Polymer("app-input", { ready:…
wormhit
  • 3,687
  • 37
  • 46
6
votes
2 answers

Polymer 1.2: Change paper-item selected background colour

I searched for my problem and found this However, the accepted solution does not work for me BUT I can't comment, since I have only 6 Reputation yet -.- So Situation is, I want to use the paper-item from the Polymer framework inside the…
skaldesh
  • 1,325
  • 3
  • 15
  • 37
6
votes
2 answers

Usage of Polymer 1.0 paper-styles Element

Unfortunately, I'm finding the current documentation/examples for the usage of paper-styles a bit lacking. I'm not an experienced CSS guy (relative newbie actually), so I could really use examples of how to implement Polymer 1.0 application-wide…
sinjins
  • 447
  • 10
  • 22
6
votes
3 answers

Polymer ripple over all children

I'm using Polymer to make a website. I'm currently having some issues with paper-ripple. Now the issue I'm having is that the ripple doesn't appear when clicking the h2 or h3, even when removing the
-tag and it's closing…
jdepypere
  • 3,453
  • 6
  • 54
  • 84
5
votes
2 answers

Associating a paper-radio-button (wrapped by a div) with a paper-radio-group?

I can associate multiple paper-radio-buttons within a group by having the buttons be direct children of a paper-radio-group. Foo
John Hoffman
  • 17,857
  • 20
  • 58
  • 81
5
votes
2 answers

Styling Polymer paper-slider

So I'm essentially wrapping the standard paper-slider element with a custom element, and wanting to include some styling. Below is what I currently have: