type="anything" is parsed as child instead of property #8
Description
Initial checklist
- I read the support docs
- I read the contributing guide
- I agree to follow the code of conduct
- I searched issues and couldn’t find anything (or linked relevant results below)
Affected packages and versions
Link to runnable example
https://github.com/albinekb/hast-unknown-node-repro/blob/main/index.ts
Steps to reproduce
import { fromHtml } from 'hast-util-from-html'
const tree = fromHtml('<button type="login">Hello</button>', { fragment: true })Expected behavior
Parses like any other property:
{
type: 'root',
children: [
{
type: 'element',
tagName: 'button',
properties: { type: 'login' },
children: [
{
type: 'text',
value: 'Hello',
position: {
start: { line: 1, column: 23, offset: 22 },
end: { line: 1, column: 28, offset: 27 }
}
}
],
position: {
start: { line: 1, column: 1, offset: 0 },
end: { line: 1, column: 37, offset: 36 }
}
}
],
data: { quirksMode: false },
position: {
start: { line: 1, column: 1, offset: 0 },
end: { line: 1, column: 37, offset: 36 }
}
}Actual behavior
Putting anything else than "submit", "reset", "button" in type="", moves the property from the properties to being a child:
{
type: 'root',
children: [
{
type: 'element',
tagName: 'button',
properties: {},
children: [
{ type: 'login' }, // <=== Should not be here?
{
type: 'text',
value: 'Hello',
position: {
start: { line: 1, column: 22, offset: 21 },
end: { line: 1, column: 27, offset: 26 }
}
}
],
position: {
start: { line: 1, column: 1, offset: 0 },
end: { line: 1, column: 36, offset: 35 }
}
}
],
data: { quirksMode: false },
position: {
start: { line: 1, column: 1, offset: 0 },
end: { line: 1, column: 36, offset: 35 }
}
}If i put more attributes on the button:
fromHtml('<button aria-type="button" type="broken" disabled>Hello</button>', { fragment: true })
The other attributes gets added to the erroneous child:
{
type: 'element',
tagName: 'button',
properties: {},
children: [
{ 'aria-type': 'button', type: 'broken', disabled: '' },
{
type: 'text',
value: 'Hello',
position: {
start: { line: 1, column: 50, offset: 49 },
end: { line: 1, column: 55, offset: 54 }
}
}
]
Affected runtime and version
Affected package manager and version
Affected OS and version
No response
Build and bundle tools
esbuild