{"id":23714675,"url":"https://github.com/knowler/field-error-element","last_synced_at":"2026-02-09T12:30:16.390Z","repository":{"id":268841705,"uuid":"857105216","full_name":"knowler/field-error-element","owner":"knowler","description":"Exploring what a `\u003cfield-error\u003e` element might look like.","archived":false,"fork":false,"pushed_at":"2024-12-19T07:38:22.000Z","size":5,"stargazers_count":0,"open_issues_count":0,"forks_count":0,"subscribers_count":1,"default_branch":"main","last_synced_at":"2025-02-19T06:57:29.091Z","etag":null,"topics":[],"latest_commit_sha":null,"homepage":"","language":"JavaScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":null,"status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/knowler.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":null,"code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null}},"created_at":"2024-09-13T20:14:27.000Z","updated_at":"2024-12-19T07:38:26.000Z","dependencies_parsed_at":"2024-12-19T08:33:21.800Z","dependency_job_id":"91dc924f-1c02-4009-bda5-e42bf75e03b9","html_url":"https://github.com/knowler/field-error-element","commit_stats":null,"previous_names":["knowler/field-error-element"],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/knowler%2Ffield-error-element","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/knowler%2Ffield-error-element/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/knowler%2Ffield-error-element/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/knowler%2Ffield-error-element/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/knowler","download_url":"https://codeload.github.com/knowler/field-error-element/tar.gz/refs/heads/main","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":239800909,"owners_count":19699252,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":[],"created_at":"2024-12-30T20:32:54.578Z","updated_at":"2026-02-09T12:30:16.332Z","avatar_url":"https://github.com/knowler.png","language":"JavaScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# `\u003cfield-error\u003e`\n\nExploring what a `\u003cfield-error\u003e` element might look like.\n\n## [Exploration: set invalid on load](https://knowler.github.io/field-error-element/explorations/set-invalid-on-load/)\n\nThis strategy sets the form control as invalid with a custom error message on\nload. The error message needs to be custom as that’s all we can set for built-in\nelements, however, we could set non-custom constraint validation errors for\ncustom elements. I might explore that in the future.\n\nAlso, in the current implementation this will always report the validation when\nfocusing the element until it receives input at which time the custom error is\ncleared (i.e. since that processing lives on the server). This likely is\nannoying.\n\nSome nice benefits here is that using the constraint validation API\nautomatically causes the element to receive the correct implicit ARIA values. Of\ncourse, this doesn’t work without JS, but that’s besides the point of this\nexploration.\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fknowler%2Ffield-error-element","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fknowler%2Ffield-error-element","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fknowler%2Ffield-error-element/lists"}