Percent character bug

apps/react-router/package.json

@@ -12,7 +12,7 @@
     "tsc": "tsc"
   },
   "dependencies": {
-    "domain-functions": "^2.0.0",
+    "domain-functions": "^2.5.1",
     "react": "18.2.0",
     "react-dom": "18.2.0",
     "react-hook-form": "^7.38.0",

apps/remix-1-14/package.json

@@ -16,7 +16,7 @@
     "@remix-run/node": "1.14.1",
     "@remix-run/react": "1.14.1",
     "cross-env": "^7.0.3",
-    "domain-functions": "^2.0.0",
+    "domain-functions": "^2.5.1",
     "isbot": "latest",
     "react": "18.2.0",
     "react-dom": "18.2.0",

apps/remix-1-15/package.json

@@ -14,7 +14,7 @@
     "@remix-run/node": "1.15.0",
     "@remix-run/react": "1.15.0",
     "@remix-run/serve": "1.15.0",
-    "domain-functions": "^2.0.0",
+    "domain-functions": "^2.5.1",
     "isbot": "^3.6.5",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",

apps/web/package.json

@@ -29,7 +29,7 @@
     "@remix-run/serve": "1.7.4",
     "@tailwindcss/forms": "^0.4.0",
     "cross-env": "^7.0.3",
-    "domain-functions": "^2.0.0",
+    "domain-functions": "^2.5.1",
     "highlight.js": "^11.4.0",
     "lodash": "^4.17.21",
     "netlify-cli": "^10.7.1",

apps/web/tests/examples/actions/with-percent-character.spec.ts

@@ -0,0 +1,44 @@
+import { test, testWithoutJS, expect } from 'tests/setup/tests'
+
+const route = '/examples/actions/without-redirect'
+
+test('With JS enabled', async ({ example }) => {
+  const { firstName, email, button, page } = example
+
+  await page.goto(route)
+
+  // Render
+  await example.expectField(firstName)
+  await example.expectField(email)
+
+  await firstName.input.fill('John%')
+  await example.expectValid(firstName)
+
+  await email.input.fill('john@doe.com')
+  await example.expectValid(email)
+
+  // Submit form
+  button.click()
+  await expect(button).toBeDisabled()
+  await example.expectData({ firstName: 'John%', email: 'john@doe.com' })
+})
+
+testWithoutJS('With JS disabled', async ({ example }) => {
+  const { firstName, email, button, page } = example
+
+  await page.goto(route)
+
+  // Render
+  await example.expectField(firstName)
+  await example.expectField(email)
+
+  await firstName.input.fill('John%')
+  await example.expectValid(firstName)
+
+  await email.input.fill('john@doe.com')
+  await example.expectValid(email)
+
+  // Submit form
+  button.click()
+  await example.expectData({ firstName: 'John%', email: 'john@doe.com' })
+})

packages/remix-forms/package.json

@@ -36,7 +36,7 @@
     "test": "vitest run"
   },
   "peerDependencies": {
-    "domain-functions": "2.x",
+    "domain-functions": "^2.5.1",
     "react": ">=16.8",
     "react-hook-form": ">=7.27",
     "zod": ">=3.12"