Skip to main content
GoodFirstPicks
DashboardIssuesReposLeaderboard

GoodFirstPicks by Leaveitblank © 2026

CreatorRequest a RepoPrivacy PolicyTerms of Service
Vue-specific attributes are invalid html | GoodFirstPicks

Vue-specific attributes are invalid html

vuejs/core 5 comments 6d ago
View on GitHub
mediumopenScope: somewhat clearSkill match: maybeVueTypeScript

Why this is a good first issue

Issue involves modifying Vue-specific attributes to comply with HTML standards.

AI Summary

The issue highlights that Vue-specific attributes like `true-value` and `false-value` render invalid HTML according to the W3C validator. The solution involves potentially supporting data attributes while maintaining backwards compatibility, which requires careful consideration to avoid breaking changes.

Issue Description

Vue version

3.5.13

Link to minimal reproduction

https://play.vuejs.org/#eNp9UcFOwzAM/ZUol4K0dUKDy7QhAdoBDoCAYyRUOrdkpEmUOGVT1X/HSdVtB7Sb896z/V7c8Ttr8zYAX/ClL520yDxgsLdCy8Yah6xjDirWs8qZhmUkzYQWujTaI0NT1wrYKkousj347FLo5WwYRCPogdBYVSDQiy2ltgGpYLi3sBK8/Iby58vsBI9gO23MBhThw9wBRRdg2hYqxAZaMaBVofwR1kZwNosrWNeNrvo+ejnZzyccPRmvZJ1vvdGUuYst5MM0VipwLxYlBRN8wRITuUIp8/uUsGhlMuLJ+z/41lOcBRWvDjy4lmIcOCxcDTjQ6/dn2FF9ICl8iKHPkG/gjQrR4yC7D3pDtk90ye1jupzU9Ydf7xC0H0NFo1HZJ73gdM2HM9GPduf5deoTuqdf/GzBxZn0gfP8Jr+a8/4PumPCSQ==

Steps to reproduce

The attributes true-value and false-value on <input> fields are vue-specific according to the documentation:

https://vuejs.org/guide/essentials/forms#checkbox-1

However, the markup rendered is invalid because of those attributes.

Go to https://validator.w3.org/nu/#textarea

And validate this string

<!DOCTYPE html>
<html lang="">
<head>
<title>Test</title>
</head>
<body>
<input type="checkbox" true-value="yes" false-value="no">
</body>
</html>

What is expected?

Validation via w3c validator

What is actually happening?

Invalid markup

System Info

Any additional comments?

I dont't know if more internal attributes besides true-value and false-value exist.

Could this be fixed by using data attributes instead?

GitHub Labels

:sparkles: feature request:cake: p2-nice-to-have

Want to work on this?

Claim this issue to let others know you're working on it. You'll earn 20 points when you complete it!

Risk Flags

  • breaking change
  • backwards compatibility
Loading labels...

Details

Points20 pts
Difficultymedium
Scopesomewhat clear
Skill Matchmaybe
Test Focusedno