Flex-layout: Show/Hide bug beta30 caused by display:initial

Created on 13 May 2020 · 5Comments · Source: angular/flex-layout

Bug Report

In beta30 the following commit causes issues with show/hide because of display:initial

show-hide: use initial value as fallback instead of parent (#1243) (bf2355b)

What is the expected behavior?

the footer should be centered and displaying as it was with beta29

What is the current behavior?

See stackblitz

What are the steps to reproduce?

see the following stackblitz to reproduce. I hide the footer by default and show.gt-sm.

https://stackblitz.com/edit/angular-flex-layout-seed-jyuaqd

Which versions of Angular, Material, OS, TypeScript, browsers are affected?

Using the latest versions

P1 bug has pr

Source

fetters5

All 5 comments

I was worried this might happen. I'll get a fix in for the v10 release, but it'll be merged into the nightly v9 if you need a v9-compatible version. In the meantime, you can downgrade to beta.29 as a workaround.

CaerusKaru on 13 May 2020

Thanks. I will see how the nightly works, b/c I was hoping beta.30 would fix our issues related to the print hooks

fetters5 on 13 May 2020

I've reverted the offending commit in master. You should be able to NPM/Yarn install using angular/flex-layout-builds to get the working version (no @).

CaerusKaru on 13 May 2020

👍1

We've published 9.0.0-beta.31 to include this fix for everyone. Please upgrade to that version to resolve this issue.

CaerusKaru on 15 May 2020

👍1

This issue has been automatically locked due to inactivity.
Please file a new issue if you are encountering a similar or related problem.

Read more about our automatic conversation locking policy.

_{_This action has been performed automatically by a bot._}