Resizer triggers on size 0 or display:none

[veith]

Bug Description

When a parent element switches to invisible or size 0, the UI5 Components which are using the Resizer switches to size="S".
This causes a "flickering" because the paddings or margins changes from the "S" values to the "M" values after the delay.

Expected Behavior

Keep the last size state (or do nothing), when switching to zero or invisible.

Steps to Reproduce

1. Click hide
2. Click show

Isolated Example

If possible, please provide an isolated example by forking CodeSandbox.

Context

• UI5 Web Components version: 1.6.0
• OS/Platform: MacOs
• Browser: Chrome, FF, Safari
• Affected component: Bar.js, DynamicSideContent.js, FlexibleColumnLayout.js, IllustratedMessage.js, MediaGallery.js, NotificationListItem.js, Page.js, ProductSwitch.js, ShellBar.js and maybe more

Priority

• Low

• Medium

• High

• Very High

• Business impact: None

[ndeshev]

Hello @veith could you please check your example it seems that there is something missing because when I click show/hide buttons nothing happens.

[veith]

@ndeshev The example is updated now.

Sorry, i did not save the example correctly.

[LidiyaGeorgieva]

Hello @SAP/ui5-webcomponents-team please have a look.

[nnaydenow]

Hi @veith,

I create a separate issue where you can check the progress #7666

Thanks,
Nayden