Skip to content

Parent resizable fails to receive resize notification when under shadow DOM. #32

@n1ywb

Description

@n1ywb

Description

Parent resizables fail to receive resize notification when under shadow DOM.

Commenting out this line fixes the issue: https://github.com/PolymerElements/iron-resizable-behavior/blob/master/iron-resizable-behavior.html#L136

See also PolymerElements/paper-menu-button#123

Shady DOM event call tree

Shady DOM event call tree

Shadow DOM event call tree; note lack of call to _onDescendantIronResize()

Shadow DOM event call tree; note lack of call to _onDescendantIronResize()

Expected outcome

The menu dropdown should resize to accommodate the submenu when the submenu is opened

Expected result

image

Actual outcome

The menu does not resize and is super skinny and fubar

image

Live Demo

https://readingplus.github.io/paper-menu-sizing-bug/components/paper-menu-sizing-bug/demo/index.html?dom=shadow

Steps to reproduce

  1. open demo using shadow DOM
  2. click on menu button
  3. click on submenu

Note that if you leave the submenu opened, close the menu, then reopen the menu, it will then resize to accommodate the submenu; this is, however, annoying to have to do.

Browsers Affected

  • Chrome
  • Firefox
  • Safari 9
  • Safari 8
  • Safari 7
  • Edge
  • IE 11
  • IE 10

Metadata

Metadata

Assignees

No one assigned

    Labels

    No labels
    No labels

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions