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('[email protected]')
+ await example.expectValid(email)
+
+ // Submit form
+ button.click()
+ await expect(button).toBeDisabled()
+ await example.expectData({ firstName: 'John%', email: '[email protected]' })
+})
+
+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('[email protected]')
+ await example.expectValid(email)
+
+ // Submit form
+ button.click()
+ await example.expectData({ firstName: 'John%', email: '[email protected]' })
+})

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"