fix z-index issue on frozen columns and resize handles

olifolkerd · Aug 27, 2023 · 5518a8d · 5518a8d
1 parent f89a330
commit 5518a8d
Show file tree

Hide file tree

Showing 26 changed files with 39 additions and 37 deletions.
diff --git a/dist/css/tabulator.css b/dist/css/tabulator.css
diff --git a/dist/css/tabulator.css.map b/dist/css/tabulator.css.map
diff --git a/dist/css/tabulator_bootstrap3.css b/dist/css/tabulator_bootstrap3.css
diff --git a/dist/css/tabulator_bootstrap3.css.map b/dist/css/tabulator_bootstrap3.css.map
diff --git a/dist/css/tabulator_bootstrap4.css b/dist/css/tabulator_bootstrap4.css
diff --git a/dist/css/tabulator_bootstrap4.css.map b/dist/css/tabulator_bootstrap4.css.map
diff --git a/dist/css/tabulator_bootstrap5.css b/dist/css/tabulator_bootstrap5.css
diff --git a/dist/css/tabulator_bootstrap5.css.map b/dist/css/tabulator_bootstrap5.css.map
diff --git a/dist/css/tabulator_bulma.css b/dist/css/tabulator_bulma.css
diff --git a/dist/css/tabulator_bulma.css.map b/dist/css/tabulator_bulma.css.map
diff --git a/dist/css/tabulator_materialize.css b/dist/css/tabulator_materialize.css
diff --git a/dist/css/tabulator_materialize.css.map b/dist/css/tabulator_materialize.css.map
diff --git a/dist/css/tabulator_midnight.css b/dist/css/tabulator_midnight.css
diff --git a/dist/css/tabulator_midnight.css.map b/dist/css/tabulator_midnight.css.map
diff --git a/dist/css/tabulator_modern.css b/dist/css/tabulator_modern.css
diff --git a/dist/css/tabulator_modern.css.map b/dist/css/tabulator_modern.css.map
diff --git a/dist/css/tabulator_semanticui.css b/dist/css/tabulator_semanticui.css
diff --git a/dist/css/tabulator_semanticui.css.map b/dist/css/tabulator_semanticui.css.map
diff --git a/dist/css/tabulator_simple.css b/dist/css/tabulator_simple.css
diff --git a/dist/css/tabulator_simple.css.map b/dist/css/tabulator_simple.css.map
diff --git a/dist/css/tabulator_site.css b/dist/css/tabulator_site.css
diff --git a/dist/css/tabulator_site.css.map b/dist/css/tabulator_site.css.map
diff --git a/dist/js/tabulator_esm.js b/dist/js/tabulator_esm.js
@@ -12973,7 +12973,7 @@ class HtmlTableImport extends Module{
 			}
 
 			if(!col.field) {
-				col.field = header.textContent.trim().toLowerCase().replace(" ", "_");
+				col.field = header.textContent.trim().toLowerCase().replaceAll(" ", "_");
 			}
 
 			width = header.getAttribute("width");
@@ -17643,6 +17643,7 @@ class ResizeColumns extends Module{
 			if(cell.modules.resize && cell.modules.resize.handleEl){
 				if(frozenOffset){
 					cell.modules.resize.handleEl.style[column.modules.frozen.position] = frozenOffset;
+					cell.modules.resize.handleEl.style["z-index"] = 11;
 				}
 
 				cell.element.after(cell.modules.resize.handleEl);

diff --git a/dist/js/tabulator_esm.js.map b/dist/js/tabulator_esm.js.map
diff --git a/src/js/modules/ResizeColumns/ResizeColumns.js b/src/js/modules/ResizeColumns/ResizeColumns.js
@@ -107,6 +107,7 @@ class ResizeColumns extends Module{
 			if(cell.modules.resize && cell.modules.resize.handleEl){
 				if(frozenOffset){
 					cell.modules.resize.handleEl.style[column.modules.frozen.position] = frozenOffset;
+					cell.modules.resize.handleEl.style["z-index"] = 11;
 				}
 
 				cell.element.after(cell.modules.resize.handleEl);

diff --git a/src/scss/tabulator.scss b/src/scss/tabulator.scss
@@ -362,7 +362,7 @@ $footerActiveColor:#d00 !default; //footer bottom active text color
 
 			// background-color: inherit;
 
-			z-index: 10;
+			z-index: 11;
 
 			&.tabulator-frozen-left{
 				border-right:2px solid $rowBorderColor;
@@ -772,7 +772,7 @@ $footerActiveColor:#d00 !default; //footer bottom active text color
 
 			background-color: inherit;
 
-			z-index: 10;
+			z-index: 11;
 
 			&.tabulator-frozen-left{
 				border-right:2px solid $rowBorderColor;