@kanunilabs/datagrid-react 1.8.5 → 1.8.7

package/dist/styles.css

@@ -641,6 +641,27 @@
   font-size: var(--dg-control-font-size);
 }
 
+/* Phones and touch (Tekax, 2026-10-28). On a narrow screen the box takes the
+   toolbar's whole first line instead of 40 % of it; on a touch screen it is a
+   44 px target, and its text at least 16 px — below that iOS zooms the page in
+   when the box takes focus. */
+@media (max-width: 600px) {
+  .kanuni-datagrid-toolbar {
+    flex-wrap: wrap;
+  }
+  .kanuni-datagrid-toolbar-search {
+    flex: 1 1 100%;
+    width: 100%;
+  }
+}
+
+@media (pointer: coarse) {
+  .kanuni-datagrid-toolbar-search {
+    height: 44px;
+    font-size: max(16px, var(--dg-control-font-size));
+  }
+}
+
 .kanuni-datagrid-toolbar-search:focus {
   outline: none;
   border-color: var(--dg-primary);
@@ -682,7 +703,9 @@
 /* The search box's own refusal (`toolbar.search.validate`), right after it. */
 .kanuni-datagrid-toolbar-search-error {
   color: var(--dg-danger-text);
-  font-size: 11px;
+  /* The grid's body size: at 11px a refusal was easy to miss (Tekax,
+     2026-10-29). Restyle it through this class. */
+  font-size: var(--dg-font-size);
 }
 
 .kanuni-datagrid-toolbar-search[aria-invalid='true'] {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@kanunilabs/datagrid-react",
-  "version": "1.8.5",
+  "version": "1.8.7",
   "description": "High-performance React data grid — virtualized rows and columns, sticky pinned columns, sorting, filtering and theming",
   "keywords": [
     "react",
@@ -57,7 +57,7 @@
     "access": "public"
   },
   "dependencies": {
-    "@kanunilabs/datagrid-core": "1.10.5"
+    "@kanunilabs/datagrid-core": "1.10.7"
   },
   "peerDependencies": {
     "react": ">=18.0.0",