| OLD | NEW |
| 1 | 1 |
| 2 | 2 |
| 3 /** | 3 /** |
| 4 Use `Polymer.IronOverlayBehavior` to implement an element that can be hidden or
shown, and displays | 4 Use `Polymer.IronOverlayBehavior` to implement an element that can be hidden or
shown, and displays |
| 5 on top of other content. It includes an optional backdrop, and can be used to im
plement a variety | 5 on top of other content. It includes an optional backdrop, and can be used to im
plement a variety |
| 6 of UI controls including dialogs and drop downs. Multiple overlays may be displa
yed at once. | 6 of UI controls including dialogs and drop downs. Multiple overlays may be displa
yed at once. |
| 7 | 7 |
| 8 ### Closing and canceling | 8 ### Closing and canceling |
| 9 | 9 |
| 10 A dialog may be hidden by closing or canceling. The difference between close and
cancel is user | 10 A dialog may be hidden by closing or canceling. The difference between close and
cancel is user |
| (...skipping 27 matching lines...) Expand all Loading... |
| 38 Polymer.IronOverlayBehaviorImpl = { | 38 Polymer.IronOverlayBehaviorImpl = { |
| 39 | 39 |
| 40 properties: { | 40 properties: { |
| 41 | 41 |
| 42 /** | 42 /** |
| 43 * True if the overlay is currently displayed. | 43 * True if the overlay is currently displayed. |
| 44 */ | 44 */ |
| 45 opened: { | 45 opened: { |
| 46 observer: '_openedChanged', | 46 observer: '_openedChanged', |
| 47 type: Boolean, | 47 type: Boolean, |
| 48 value: false | 48 value: false, |
| 49 notify: true |
| 49 }, | 50 }, |
| 50 | 51 |
| 51 /** | 52 /** |
| 52 * True if the overlay was canceled when it was last closed. | 53 * True if the overlay was canceled when it was last closed. |
| 53 */ | 54 */ |
| 54 canceled: { | 55 canceled: { |
| 55 observer: '_canceledChanged', | 56 observer: '_canceledChanged', |
| 56 readOnly: true, | 57 readOnly: true, |
| 57 type: Boolean, | 58 type: Boolean, |
| 58 value: false | 59 value: false |
| (...skipping 287 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
| 346 this.backdropElement.complete(); | 347 this.backdropElement.complete(); |
| 347 } | 348 } |
| 348 }, | 349 }, |
| 349 | 350 |
| 350 _preparePositioning: function() { | 351 _preparePositioning: function() { |
| 351 this.style.transition = this.style.webkitTransition = 'none'; | 352 this.style.transition = this.style.webkitTransition = 'none'; |
| 352 this.style.transform = this.style.webkitTransform = 'none'; | 353 this.style.transform = this.style.webkitTransform = 'none'; |
| 353 this.style.display = ''; | 354 this.style.display = ''; |
| 354 }, | 355 }, |
| 355 | 356 |
| 356 _finishPositioning: function(target) { | 357 _finishPositioning: function() { |
| 357 this.style.display = 'none'; | 358 this.style.display = 'none'; |
| 358 this.style.transform = this.style.webkitTransform = ''; | 359 this.style.transform = this.style.webkitTransform = ''; |
| 359 // force layout to avoid application of transform | 360 // force layout to avoid application of transform |
| 360 this.offsetWidth; | 361 this.offsetWidth; |
| 361 this.style.transition = this.style.webkitTransition = ''; | 362 this.style.transition = this.style.webkitTransition = ''; |
| 362 }, | 363 }, |
| 363 | 364 |
| 364 _applyFocus: function() { | 365 _applyFocus: function() { |
| 365 if (this.opened) { | 366 if (this.opened) { |
| 366 if (!this.noAutoFocus) { | 367 if (!this.noAutoFocus) { |
| (...skipping 40 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
| 407 this.refit(); | 408 this.refit(); |
| 408 } | 409 } |
| 409 } | 410 } |
| 410 | 411 |
| 411 }; | 412 }; |
| 412 | 413 |
| 413 /** @polymerBehavior */ | 414 /** @polymerBehavior */ |
| 414 Polymer.IronOverlayBehavior = [Polymer.IronFitBehavior, Polymer.IronResizableB
ehavior, Polymer.IronOverlayBehaviorImpl]; | 415 Polymer.IronOverlayBehavior = [Polymer.IronFitBehavior, Polymer.IronResizableB
ehavior, Polymer.IronOverlayBehaviorImpl]; |
| 415 | 416 |
| 416 | 417 |
| OLD | NEW |