@skyux/ag-grid 15.5.0 → 15.6.0

package/css/sky-ag-grid.css

@@ -617,6 +617,10 @@
   background-color: var(--ag-background-color);
   box-shadow: 0 calc(-1 * var(--sky-ag-grid-header-row-border-width)) 0 0 var(--sky-override-ag-grid-border-color, var(--sky-color-border-separator-row));
 }
+.sky-ag-grid.sky-ag-grid-top-scrollbar .ag-root:not(.ag-details-row *) .ag-body-horizontal-scroll + [id^=viewkeeper-][id$=-spacer] {
+  position: absolute;
+  top: calc(var(--sky-ag-grid-header-rows-height, 0px) - var(--sky-ag-grid-top-scroll-height, 0px));
+}
 
 .sky-ag-grid .ag-header-cell,
 .sky-ag-grid .ag-header-group-cell {

package/fesm2022/skyux-ag-grid.mjs

@@ -732,9 +732,9 @@ class SkyAgGridWrapperComponent {
         filter(() => !!this.agGridContext()?.enableTopScroll), map(() => this.#elementRef.nativeElement.querySelector('.ag-root')), filter((root) => !!root), map((root) => {
             const header = root.querySelector('.ag-header');
             const scrollbar = root.querySelector('.ag-body-horizontal-scroll');
-            const pinnedTopRows = root.querySelector('.ag-grid-pinned-top-rows');
-            return { header, scrollbar, pinnedTopRows };
-        }), filter((els) => !!els.header && !!els.scrollbar && !!els.pinnedTopRows))), shareReplay({ bufferSize: 1, refCount: true }));
+            const gridViewport = root.querySelector('.ag-grid-viewport');
+            return { header, scrollbar, gridViewport };
+        }), filter((els) => !!els.header && !!els.scrollbar && !!els.gridViewport))), shareReplay({ bufferSize: 1, refCount: true }));
         const headerRowsHeight$ = elements$.pipe(
         // Only re-subscribe the resize observer when AG Grid actually swaps in
         // a new header element, not on every tracked event above.
@@ -761,7 +761,7 @@ class SkyAgGridWrapperComponent {
         // own resets of the scrollbar's inline style (e.g. on
         // `gridSizeChanged`) get corrected right away.
         combineLatestWith(headerRowsHeight$, scrollbarHeight$), takeUntilDestroyed(this.#destroyRef))
-            .subscribe(([{ header, pinnedTopRows }, headerRowsHeight, scrollbarHeight]) => {
+            .subscribe(([{ header, gridViewport }, headerRowsHeight, scrollbarHeight]) => {
             // The theme's headerRowBorder width includes this variable, which
             // reserves room below the header inside AG Grid's own geometry
             // (pinned/sticky row offsets, body viewport height, fake scrollbar
@@ -781,7 +781,7 @@ class SkyAgGridWrapperComponent {
             // whichever writes last the result is identical. (`.ag-header`'s own
             // inline height is left to AG Grid: writing it here would freeze the
             // resize observer above.)
-            pinnedTopRows.style.setProperty('--ag-header-rows-height', `${headerRowsHeightWithBorder}px`);
+            gridViewport.style.setProperty('--ag-internal-header-rows-height', `${headerRowsHeightWithBorder}px`);
             if (this.#reservedTopScrollHeight !== scrollbarHeight) {
                 this.#reservedTopScrollHeight = scrollbarHeight;
                 this.#nudgeHeaderGeometry();
@@ -3793,11 +3793,12 @@ class SkyAgGridCellEditorLookupComponent {
         }
         this.#triggerType = SkyAgGridCellEditorUtils.getEditorInitialAction(params);
         const control = this.editorForm.get('selection');
+        const headerTooltip = params.colDef.headerTooltip;
         this.labelText = params.skyComponentProperties?.ariaLabelledBy
             ? undefined
             : params.skyComponentProperties?.ariaLabel ||
                 params.colDef.headerName ||
-                params.colDef.headerTooltip ||
+                (typeof headerTooltip === 'string' ? headerTooltip : undefined) ||
                 params.colDef.field ||
                 params.colDef.colId;
         if (control) {