Commit d55fdc2
fix(calendar): override .mtx-grid-layout overflow too for sticky header
Previous fix only overrode .mat-table-container. The DOM has more
scrolling layers above it — .mtx-grid-main and .mtx-grid-content
both use the .mtx-grid-layout class which sets overflow: auto
(node_modules/@ng-matero/extensions/grid/grid.scss:158). Sticky
positioning resolves to the closest scrolling ancestor; with those
intermediate layers still scrolling, the header stuck to one of them
instead of the outer .week-grid-wrapper that the user actually
scrolls.
Override both .mtx-grid-layout and .mat-table-container to
overflow:visible so sticky resolves all the way out to the wrapper.
Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>1 parent 4b4d62d commit d55fdc2
1 file changed
Lines changed: 11 additions & 6 deletions
File tree
- eform-client/src/app/plugins/modules/backend-configuration-pn/modules/calendar/components/calendar-week-grid
Lines changed: 11 additions & 6 deletions
| Original file line number | Diff line number | Diff line change | |
|---|---|---|---|
| |||
107 | 107 | | |
108 | 108 | | |
109 | 109 | | |
110 | | - | |
111 | | - | |
112 | | - | |
113 | | - | |
114 | | - | |
115 | | - | |
| 110 | + | |
| 111 | + | |
| 112 | + | |
| 113 | + | |
| 114 | + | |
| 115 | + | |
| 116 | + | |
| 117 | + | |
| 118 | + | |
| 119 | + | |
| 120 | + | |
116 | 121 | | |
117 | 122 | | |
118 | 123 | | |
| |||
0 commit comments