Skip to content
This repository was archived by the owner on Jan 6, 2025. It is now read-only.
This repository was archived by the owner on Jan 6, 2025. It is now read-only.

Wrong layout with fxHide / fxShow sometimes ignoring breakpoint aliases #181

@phil294

Description

@phil294

Hellou,
#140 has been marked as solved, but I just found another few errors in 2.0.0-beta.5, in regards to fxShow fxHide.md and the alike. Consider the following example for reproducing:

	<div fxHide fxShow.gt-xs>Type 1, row a</div>
	<div fxHide fxShow.gt-xs>Type 1, row b</div>
	<div fxHide fxShow.gt-xs>Type 1, row c</div>
	<br/>
	<div fxShow fxHide.md>Type 2, row a</div>
	<div fxShow fxHide.md>Type 2, row b</div>
	<div fxShow fxHide.md>Type 2, row c</div>

Set your browser to md width and refresh the page. You'd expect to see

Type 1, row a
Type 1, row b
Type 1, row c

, but the output is

Type 1, row a
Type 1, row b

Type 2, row c

which is wrong on multiple levels. It seems the views fix themselves on update. Meaning when you resize the window width to gt-md and back to md, Type 2, row c will then be correctly hidden. And when you resize the window to xs and back to gt-xs, the missing Type 1, row c pops up.

So, I see wrong initialization and weird interference of multiple elements. I might be missing something.

Best regards,

Metadata

Metadata

Labels

bughas prA PR has been created to address this issue

Type

No type

Projects

No projects

Milestone

Relationships

None yet

Development

No branches or pull requests

Issue actions