Thanks to visit codestin.com
Credit goes to github.com

Skip to content

Doubt with the disabled attribute #745

Description

@cbbfcd

version:1.2.8
code:

const view = () => (
  <main>
     <input 
       placeholder='haha' 
       oncreate={ el => console.log('disabled' in el, el, el.disabled ) }
       disabled='false'
     />
    <input 
       placeholder='haha' 
       oncreate={ el => console.log('disabled' in el, el, el.disabled ) }
       disabled='true'
     />
    <input 
       placeholder='haha' 
       oncreate={ el => console.log('disabled' in el, el, el.disabled ) }
       disabled
     />
    <input 
       placeholder='haha' 
       oncreate={ el => console.log('disabled' in el, el, el.disabled ) }
       disabled={true}
     />
    <input 
       placeholder='haha' 
       oncreate={ el => console.log('disabled' in el, el, el.disabled ) }
       disabled={false}
     />
  </main>
)
// print...
// true "<input placeholder='haha'>" false
// true "<input placeholder='haha' disabled=''>" true
// true "<input placeholder='haha' disabled=''>" true
// true "<input placeholder='haha' disabled=''>" true
// true "<input placeholder='haha' disabled=''>" true

source code:

if (
        name in element &&
        name !== "list" &&
        name !== "type" &&
        name !== "draggable" &&
        name !== "spellcheck" &&
        name !== "translate" &&
        !isSvg
      ) {
        // @see https://github.com/hyperapp/hyperapp/pull/629
        element[name] = value == null ? "" : value // value are true?
      } 

so why el.disabled = true ? when attr diasbled='false' or {true} or 'true' or disabled only?

Metadata

Metadata

Assignees

No one assigned

    Labels

    invalidThis doesn't seem right

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions