vuejs / vuejs/core

Certain props are not converted from camelCase to kebab-case when rendering

Open
#5,477 10 comments 7 reactions 1 assignee View on GitHub

@LinusBorg is already working on this.

Since Feb 24, 2022.

:lady_beetle: bug
Dominant language
TypeScript
Stars
54.4k
Forks
9.2k
Avg merge
1d 5h
Merged PRs (30d)
140

Description

Version

3.2.31

Reproduction link

github.com
https://archive.softwareheritage.org/browse/origin/directory/?origin_url=https://github.com/vincerubinetti/vue-aria-bug&timestamp=2022-02-24T05:36:51.635332%2B00:00

image
Steps to reproduce

Certain popular aria attributes like label and expanded get correctly converted from camelCase to kebab-case, but others like controls and haspopup do not.

What is expected?

For behavior to be consistent. Either for vue to convert all props back to kebab-case, or at least for it to convert all HTML supported props and not just some of them at random.

What is actually happening?

Only some props are being converted. The behavior is inconsistent and unintuitive.


Related issue:
https://github.com/vuejs/vue/issues/11913

Contributor guide

Open the contributing guide

First steps

  1. Read the whole issue, then the project's contributing guide.
  2. Comment on the issue to say you are picking it up — it saves two people doing the same work.
  3. Fork the repository and make your change on a branch.
  4. Open a pull request that references the issue number.

Assessment

This issue has not been assessed yet.

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.