Stack Overflow
Stack Overflow

Questions tagged [paper-dialog]

29 questions
3
votes
2 answers

LitElement lacks compatibility to Polymer elements

Polymer 3 and LitElement looks very attractive for future component-based development and I'm looking forward to using them in my projects. But one of the stumbling blocks here is that the old Polymer codebase with lots of ready-to-use elements…
Nick
  • 65
  • 5
3
votes
1 answer

Toggle paper-dialog which is in a custom element Polymer

I am fairly new when it comes to developing with Polymer and JavaScript and I have the feeling that the way I toggle my paper-dialog is not the nicest way or could be improved. Currently I try to call the toggle() function from outside of the custom…
Niklas
  • 1,142
  • 16
  • 33
2
votes
1 answer

what is the proper way to interact with inner components within the shadowDom using lit-element?

I am trying to use paper-dialog within my custom component. I want to be able to open the dialog from outside the component. What is the best way to do this? (all the examples work directly on the component) Also the dialog requires me to call…
Joelio
  • 4,621
  • 6
  • 44
  • 80
2
votes
0 answers

How to block the javascript function till the Paper-Dialog is closed

When ever the user leaves a page, I try to open a paper-dialog asking for the confirmation. canLeavePage : function(){ this.$.paperDialog.open() } where canLeavePage triggers before the page is changed. But canLeavePage doesnt wait until the…
Shrikey
  • 858
  • 3
  • 11
  • 34
2
votes
0 answers

polymer dialog not working

My problem is same as an already question as Polymer paper-dialog.open() is not defined My imports include
Vinod Louis
  • 4,812
  • 1
  • 25
  • 46
1
vote
2 answers

remove top padding from app-toolbar within paper-dialog - polymer

For the life of me, I can't seem to remove the stupid margin from the top of this paper-dialog when I have an app-toolbar at the top. I managed to get it sorted with just a standard div by using margin-top: 0px;, but I can't do the same for the…
physicsboy
  • 5,656
  • 17
  • 70
  • 119
1
vote
1 answer

Can Paper-Dialog be Used with AngularDart

Can Polymer's paper-dialog be used with Angular2 Dart? The only discussion I could find was a question here. I tried incorporating the code into my angular component. It didn't like $['dialogArtist'] on the dialog open. I then create a new…
curt
  • 4,422
  • 3
  • 42
  • 61
1
vote
2 answers

Polymer Paper Dialog not opening on Safari or Firefox

Trying to get this paper-dialog to open when a paper button is clicked but it doesn't seem to want to work outside of Chrome. I feel like the issue has to do with the fact that it is in a dom-repeat but I'm not sure any help you could give me would…
user1590569
  • 55
  • 1
  • 8
0
votes
2 answers

paper-dialog handle onclose in component class

I'm trying to use the 'paper-dialog' tag for Polymer 2 in a web component. I'm trying to detect when the user clicks the cancel button vs the save/ok button. The documenation says to create an event for 'iron-overlay-closed' to detect when the…
Brett Sutton
  • 3,900
  • 2
  • 28
  • 53
0
votes
1 answer

open paper-dialog from another component

I'm using polymer 2 and the paper-dialog component. I have another custom web component which when a button is clicked it needs to display a paper-dialog which is in another component. From the below test components you can see that: The click…
Brett Sutton
  • 3,900
  • 2
  • 28
  • 53
0
votes
0 answers

Input lose focus on click in paper-dialog Polymer

I am using Paper-dialog and paper-dialog-scrollable webcomponents in Polymer projects. I have some set of input fields (Forms) on paper-dialog (pop-up). By default when opening popup(Dialog) I am focusing input field. But issue is when i click,…
Munna Babu
  • 5,496
  • 6
  • 29
  • 44
0
votes
0 answers

paper-dialog in polymer does not open when called from within an event listener

I having trouble opening a paper-dialog when this is called via a dispatchEvent that is sent via another component. This triggers the overlay, but the dialog is not shown. I have the following components setup: a general parent component containing…
Peter De Leuze
  • 9
  • 2
0
votes
1 answer

ID not defined at HTMLElement.onclick polymer inside element

When running the onclick open with a FAB, i'm able to open an dialog, as long as i run it inside the index.html. But when I've created an element, and moved the fab and dialog inside this element, I'm prompt with CarDialog not defined at…
R. Radio
  • 13
  • 2
0
votes
1 answer

Polymer paper-dialog-backdrop child's opacity?

This method set the overlay's opacity and all their childs. And if I want to set childs'…
Danrley Pereira
  • 1,126
  • 14
  • 22
0
votes
1 answer

Polymer's paper-dialog not working can't be opened

I am trying to implement a paper-dialog box that will reveal itself when a paper-fab is tapped in the image below: my app's main screen but I can't get the paper-dialog to open. I have implemented paper-dialog into my app as following:
AmyShmil
  • 84
  • 7
1
2