@visns-studio/visns-components 6.16.2 → 6.16.3

package/package.json

@@ -95,7 +95,7 @@
         "react-dom": "^17.0.0 || ^18.0.0 || ^19.0.0"
     },
     "name": "@visns-studio/visns-components",
-    "version": "6.16.2",
+    "version": "6.16.3",
     "description": "Various packages to assist in the development of our Custom Applications.",
     "main": "src/index.js",
     "files": [

package/src/components/DataGrid.jsx

@@ -3953,14 +3953,15 @@ const DataGrid = forwardRef(
                             // screens) — columns then render a few px wide
                             // with no horizontal scrollbar ever appearing.
                             // A date filter needs room for its locale mask
-                            // ("dd/mm/yyyy" + the picker glyph); below ~140px
-                            // the native input clips its own value.
+                            // ("dd / mm / yyyy" in Firefox, glyph included -
+                            // Firefox will not hide it); below ~160px the
+                            // native input clips its own value.
                             minWidth:
                                 column.minWidth ??
                                 (['date', 'datetime', 'datetime-local'].includes(
                                     column.type
                                 )
-                                    ? Math.max(grid.columnMinWidth, 140)
+                                    ? Math.max(grid.columnMinWidth, 160)
                                     : grid.columnMinWidth),
                             maxWidth: column.maxWidth ?? undefined,
                             textAlign: column.textAlign ?? undefined,

package/src/components/styles/global-datagrid.css

@@ -541,6 +541,20 @@ body.tablet-mode .InovuaReactDataGrid__cell.cell-word-wrap > div {
     display: none;
 }
 
+/* Firefox (109+) draws its calendar glyph as part of the control and ignores
+   the pseudo-element above, and it pads each date segment itself, which sat
+   the text high in the 32px row. Tighter metrics, and the column default below
+   (160px for date types) leaves the glyph its room. */
+@-moz-document url-prefix() {
+    .visns-native-date-filter__input {
+        padding: 0 0 0 2px;
+        font-size: 12px;
+        line-height: 28px;
+        height: 28px;
+        align-self: center;
+    }
+}
+
 .visns-native-date-filter__clear {
     flex: none;
     align-self: center;