bug(module:affix): affix doesn't work in Chrome
See original GitHub issueReproduction link
https://stackblitz.com/edit/ng-zorro-antd-start-uce5ez?file=src/app/app.component.html
Steps to reproduce
<nz-tabset>
<nz-tab nzTitle="Tab 1">
Content of Tab Pane 1
</nz-tab>
<nz-tab nzTitle="Tab 2">
Content of Tab Pane 2
<nz-affix nzOffsetBottom="0">
<button nz-button [nzType]="'primary'">
<span>Affix bottom</span>
</button>
</nz-affix>
</nz-tab>
<nz-tab nzTitle="Tab 3">
Content of Tab Pane 3
</nz-tab>
</nz-tabset>
What is expected?
nz-affix sticks to the bottom
What is actually happening?
nz-affix goes to the topmost left corner (0, 0)
| Environment | Info |
|---|---|
| ng-zorro-antd | 8.3.1 |
| Browser | 79.0.279.0 |
Related issue: #4070
PR to blame: #4161
Issue Analytics
- State:
- Created 4 years ago
- Comments:9 (8 by maintainers)
Top Results From Across the Web
8551 - Crash - ~AffixMgr() - chromium - Monorail
This crash was detected in 2.0.168.0 and was seen in 2.0.166.1. It is currently ranked #20 (based on the relative number of reports...
Read more >Chrome Version 101 broke the loading of our organizations ...
Chrome Version 101 broke the loading of our organizations startup pages when Chrome is opened. Staring with Chrome 101 our startup pages will...
Read more >JavaScript - Bootstrap
Here's how the affix plugin works: To start, the plugin adds .affix-top to indicate the element is in its top-most position. At this...
Read more >Version History | Affixa Desktop
Affixa's consumer key (which identifies Affixa to Yahoo) has changed. ... resolved an issue where logging in using the mini web browser didn't...
Read more >cannot find module '@jest/globals' or its corresponding type ...
I have got an error TS2307: Cannot find module '@jest/globals' or its ... However, that doesn't work because there are duplicated instances of...
Read more >
Top Related Medium Post
No results found
Top Related StackOverflow Question
No results found
Troubleshoot Live Code
Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start Free
Top Related Reddit Thread
No results found
Top Related Hackernoon Post
No results found
Top Related Tweet
No results found
Top Related Dev.to Post
No results found
Top Related Hashnode Post
No results found

Here you can see it working perfectly fine in 8.3.0
https://www.loom.com/share/dfec9880748e4ed7a51ac05b9748cb78
Doesn’t really work on your demo page either.