marcj / css-element-queries

CSS Element-Queries aka Container Queries. High-speed element dimension/media queries in valid css.
http://marcj.github.io/css-element-queries/
MIT License
4.27k stars 487 forks source link

ResizeSensor callback works inconsitently with tabs and navigation #239

Closed Tucaen closed 5 years ago

Tucaen commented 5 years ago

I am not entirely sure, if this is a bug or something I'm doing wrong.

I am using: "ngx-bootstrap": "3.0.0" "css-element-queries": "1.0.2"

The resize sensor seems only to work for content which is placed in the first tab. So I created this stackblitz . Surprisingly it worked in the stackblitz, but only until you edit something. Just add a space in the html or whatever and after the rebuild only the first tab is working.

A similar behavior occurs, when navigating, with breadcrumbs. When coming back to a component the resize sensor callback is also not triggered.

Expected behavior: ResizeSensor calls the callback function whenever the correspoinding component is displayed and resized, regardless of the tab it's in or the navigation.

Tucaen commented 5 years ago

I just noticed that version 1.0.2, was released back in february. The current state of the project already has a fix for this problem (initialHiddenCheck)