Material-ui: onloadwff.js:71 рджрд╛рд╡рд╛ рд╡рд┐рдлрд▓: рдЗрдирдкреБрдЯ рддрд░реНрдХ рдПрдХ HTMLInputElement рдирд╣реАрдВ рд╣реИ

рдХреЛ рдирд┐рд░реНрдорд┐рдд 12 рдорд╛рд░реНрдЪ 2019  ┬╖  12рдЯрд┐рдкреНрдкрдгрд┐рдпрд╛рдБ  ┬╖  рд╕реНрд░реЛрдд: mui-org/material-ui

  • [x] рдпрд╣ рдХреЛрдИ v0.x рдореБрджреНрджрд╛ рдирд╣реАрдВ рд╣реИред
  • [x] рдореИрдВрдиреЗ рдЗрд╕ рднрдВрдбрд╛рд░ рдХреЗ рдореБрджреНрджреЛрдВ рдХреА рдЦреЛрдЬ рдХреА рд╣реИ рдФрд░ рдореБрдЭреЗ рд╡рд┐рд╢реНрд╡рд╛рд╕ рд╣реИ рдХрд┐ рдпрд╣ рдбреБрдкреНрд▓рд┐рдХреЗрдЯ рдирд╣реАрдВ рд╣реИред

рдЕрдкреЗрдХреНрд╖рд┐рдд рд╡реНрдпрд╡рд╣рд╛рд░

TextField рд╕рд╛рде multiline={true} рдХрд╛ рдЙрдкрдпреЛрдЧ рдХрд░рддреЗ рд╕рдордп рдХреЛрдИ рдХрдВрд╕реЛрд▓ рддреНрд░реБрдЯрд┐ рдирд╣реАрдВ рд╣реЛрдиреА рдЪрд╛рд╣рд┐рдП

рд╡рд░реНрддрдорд╛рди рд╡реНрдпрд╡рд╣рд╛рд░

multiline TextField ( form ) рдХреЛ рдкреНрд░рддрд┐рдкрд╛рджрд┐рдд рдХрд░рддреЗ рд╕рдордп рдФрд░ enter рдХреБрдВрдЬреА рдХреЛ рд╣рд┐рдЯ рдХрд░рддреЗ рд╕рдордп, рдирд┐рдореНрдирд▓рд┐рдЦрд┐рдд рдХреЛ рдХрдВрд╕реЛрд▓ рдореЗрдВ рд▓реЙрдЧ рдХрд┐рдпрд╛ рдЬрд╛рддрд╛ рд╣реИ (рд╣рд░ рдмрд╛рд░ рдХреБрдВрдЬреА рджрдмрд╛рдП рдЬрд╛рдиреЗ рдкрд░ ):

onloadwff.js:71 Assertion failed: Input argument is not an HTMLInputElement
  getFormProfile @ onloadwff.js:71
  setFieldValue @ onloadwff.js:71
  formKeydownListener @ onloadwff.js:71

onloadwff.js:71 Uncaught TypeError: Cannot read property 'type' of undefined
    at e.setFieldValue (onloadwff.js:71)
    at HTMLFormElement.formKeydownListener (onloadwff.js:71)

рдкреНрд░рдЬрдирди рдХреЗ рд▓рд┐рдП рдХрджрдо

  1. https://material-ui.com/demos/text-fields/ рдкрд░ рдмреНрд░рд╛рдЙрдЬрд╝
  2. "рдЯреЗрдХреНрд╕реНрдЯрдлрд╝реАрд▓реНрдб" рдЕрдиреБрднрд╛рдЧ рдХреЗ рдЕрдВрддрд░реНрдЧрдд, рдХрд┐рд╕реА рднреА рдмрд╣реБ-рдкрдВрдХреНрддрд┐ рдирд┐рдпрдВрддреНрд░рдг рдкрд░ рдХреНрд▓рд┐рдХ рдХрд░реЗрдВ рдФрд░ рдПрдХ рджреЛ рдмрд╛рд░ рдПрдВрдЯрд░ рдХреБрдВрдЬреА рджрдмрд╛рдПрдВ
  3. рдХрдВрд╕реЛрд▓ рдореЗрдВ рд▓реЙрдЧ рдХрд┐рдП рдЧрдП рдЕрдкрд╡рд╛рджреЛрдВ рдкрд░ рдзреНрдпрд╛рди рджреЗрдВ

рдореИрдВ рдЗрд╕ рдмрдЧ рдХреЛ рдХреНрд░реЛрдо (рдЙрдмрдВрдЯреВ 18 рдФрд░ рд╡рд┐рдиреНрдбреЛрдЬрд╝ 10 рджреЛрдиреЛрдВ) рдореЗрдВ рдкреБрди: рдкреЗрд╢ рдХрд░ рд╕рдХрддрд╛ рд╣реВрдВред
рдлрд╝рд╛рдпрд░рдлрд╝реЙрдХреНрд╕ (рдЙрдмрдВрдЯреВ рдФрд░ рд╡рд┐рдВрдбреЛрдЬ) рдореЗрдВ рдЗрд╕реЗ рдкреБрди: рдкреЗрд╢ рдирд╣реАрдВ рдХрд░ рд╕рдХрд╛ред

рдореЗрд░реЗ рдкрд╛рд╕ рдореЗрд░реА рдкрд░рд┐рдпреЛрдЬрдирд╛ рдореЗрдВ рдПрдХ рд╣реА рд╕рдорд╕реНрдпрд╛ рд╣реИ рдФрд░ рдкрддрд╛ рдЪрд▓рд╛ рдХрд┐ рдпрд╣ рд╕рд╛рдордЧреНрд░реА-рдпреВ рдХреЗ рд╡реЗрдм рдкреЗрдЬ рдореЗрдВ рднреА рдореМрдЬреВрдж рд╣реИред

рдзреНрдпрд╛рди рджреЗрдВ рдХрд┐ рдмрдЧ рддрдм рдирд╣реАрдВ рджрд┐рдЦрддрд╛ рдЬрдм рдорд▓реНрдЯреАрд▓рд╛рдЗрди рдЯреЗрдХреНрд╕реНрдЯрдлреАрд▓реНрдб рдХреЛ рдлреЙрд░реНрдо рдЯреИрдЧ рдореЗрдВ рд▓рдкреЗрдЯрд╛ рдирд╣реАрдВ рдЬрд╛рддрд╛ рд╣реИ

рдкреНрд░рд╕рдВрдЧ

рдпрд╣рд╛рдВ рдЬреНрдпрд╛рджрд╛ рд╕рдВрджрд░реНрдн рдирд╣реАрдВ рд╣реИ, рдмрд╕ рдПрдХ рдорд▓реНрдЯреАрд▓рд╛рдЗрди рдЯреЗрдХреНрд╕реНрдЯрдлреАрд▓реНрдб рдкреНрд░рд╕реНрддреБрдд рдХрд┐рдпрд╛ рдФрд░ рдХрдВрд╕реЛрд▓ рдкрд░ рд▓реЙрдЧ рдЗрди рдЕрдкрд╡рд╛рджреЛрдВ рдХреЛ рдкрд╛рдпрд╛ред

рдЖрдкрдХрд╛ рдкрд░реНрдпрд╛рд╡рд░рдг

| рдЯреЗрдХ | рд╕рдВрд╕реНрдХрд░рдг |
|--------------|------------|
| рд╕рд╛рдордЧреНрд░реА-рдпреВрдЖрдИ | v3.0.1 рдФрд░ v.3.9.2 |
| рдкреНрд░рддрд┐рдХреНрд░рд┐рдпрд╛ | 16.6.3 |
| рдмреНрд░рд╛рдЙрдЬрд╝рд░ | рдХреНрд░реЛрдо, рдлрд╛рдпрд░рдлреЙрдХреНрд╕ (рджреЛрдиреЛрдВ рдирд╡реАрдирддрдо) |
| рдЯрд╛рдЗрдкрд╕реНрдХреНрд░рд┐рдкреНрдЯ | рдирд╣реАрдВ |
| рдЖрджрд┐ | - |

TextField external dependency

рд╕рдмрд╕реЗ рдЙрдкрдпреЛрдЧреА рдЯрд┐рдкреНрдкрдгреА

рд▓рд╛рд╕реНрдЯрдкрд╛рд╕ рдХрд╛ рдЙрдкрдпреЛрдЧ рдХреМрди рдХрд░ рд░рд╣рд╛ рд╣реИ? рдЕрдкрдирд╛ рд╣рд╛рде рдмрдврд╝рд╛рдПрдВ! ( onloadwff.js )

рд╕рднреА 12 рдЯрд┐рдкреНрдкрдгрд┐рдпрд╛рдБ

рд▓рд╛рд╕реНрдЯрдкрд╛рд╕ рдХрд╛ рдЙрдкрдпреЛрдЧ рдХреМрди рдХрд░ рд░рд╣рд╛ рд╣реИ? рдЕрдкрдирд╛ рд╣рд╛рде рдмрдврд╝рд╛рдПрдВ! ( onloadwff.js )

@npapagna рдпрд╣ рд╣рд╛рд▓ рд╣реА рдореЗрдВ рд▓рд╛рд╕реНрдЯрдкрд╛рд╕ рд░рд┐рдЧреНрд░реЗрд╢рди рд╣реИред рдореБрдЭреЗ рдмрд╣реБрдд рд╕рдВрджреЗрд╣ рд╣реИ рдХрд┐ рд▓рдВрдмреЗ рд╕рдордп рддрдХ рдЗрд╕ рддрд░рд╣ рдХреА рд╕рдорд╕реНрдпрд╛ рдХрд╛ рд╕рдорд╛рдзрд╛рди рдирд╣реАрдВ рдХрд┐рдпрд╛ рдЬрд╛ рд╕рдХрддрд╛ рдерд╛ред рдЖрдк рдореВрд▓ <textarea /> , рд╕рдорд╛рди рдкреБрдирд░реБрддреНрдкрд╛рджрди рдХреЗ рд╕рд╛рде рдкреНрд░рдпрд╛рд╕ рдХрд░ рд╕рдХрддреЗ рд╣реИрдВред

Capture dтАЩe╠Бcran 2019-03-12 a╠А 23 52 33

@oliviertassinari рдорд┐рд▓ рдЧрдпрд╛!

рдЗрд╕реЗ рджреЗрдЦрдиреЗ рдХреЗ рд▓рд┐рдП рд╕рдордп рдирд┐рдХрд╛рд▓рдиреЗ рдХреЗ рд▓рд┐рдП рд╕рднреА рдХреЛ рдзрдиреНрдпрд╡рд╛рдж! рдореИрдВ

рдардВрдбрд╛! рд▓реЗрдХрд┐рди рдПрдХреНрд╕рдЯреЗрдВрд╢рди рдХреЛ рдПрдХ рд╣реА рд╕рдордп рдореЗрдВ рд░рдЦрддреЗ рд╣реБрдП, рдЗрд╕рд╕реЗ рдХреИрд╕реЗ рдЫреБрдЯрдХрд╛рд░рд╛ рдкрд╛рдпрд╛ рдЬрд╛рдП?

рдардВрдбрд╛! рд▓реЗрдХрд┐рди рдПрдХреНрд╕рдЯреЗрдВрд╢рди рдХреЛ рдПрдХ рд╣реА рд╕рдордп рдореЗрдВ рд░рдЦрддреЗ рд╣реБрдП, рдЗрд╕рд╕реЗ рдХреИрд╕реЗ рдЫреБрдЯрдХрд╛рд░рд╛ рдкрд╛рдпрд╛ рдЬрд╛рдП?

рдЗрд╕рдХреЗ рд▓рд┐рдП рдХреЛрдИ рдЖрдзрд┐рдХрд╛рд░рд┐рдХ рд╕рдорд╛рдзрд╛рди рдирд╣реАрдВ рд╣реИ, рд╡реИрд╕реЗ рднреА рдПрдХ рд╕рдВрднрд╛рд╡рд┐рдд рд╕рдорд╛рдзрд╛рди рдирд┐рдореНрдирд▓рд┐рдЦрд┐рдд рд╣реИ:

  1. рд▓рд╛рд╕реНрдЯрдкрд╛рд╕ рдПрдХреНрд╕рдЯреЗрдВрд╢рди рдкрд░ рд░рд╛рдЗрдЯ рдХреНрд▓рд┐рдХ рдХрд░реЗрдВ
  2. "рдпрд╣ рд╕рд╛рдЗрдЯ рдбреЗрдЯрд╛ рдХреЛ рдкрдврд╝ рдФрд░ рдмрджрд▓ рд╕рдХрддрд╛ рд╣реИ" рдЪреБрдиреЗрдВред
  3. рдлрд┐рд░ "рдЬрдм рдЖрдк рдПрдХреНрд╕рдЯреЗрдВрд╢рди рдкрд░ рдХреНрд▓рд┐рдХ рдХрд░реЗрдВ" рдЪреБрдиреЗрдВред

рдкреГрд╖реНрда рдХреЛ рдкреБрдирдГ рд▓реЛрдб рдХрд░реЗрдВ, рдЖрдк рджреЗрдЦреЗрдВрдЧреЗ рдХрд┐ рддреНрд░реБрдЯрд┐ рдЧрд╛рдпрдм рд╣реЛ рдЬрд╛рдПрдЧреАред

рд╕рдзрдиреНрдпрд╡рд╛рджред

@sfanculatodinote рдзрдиреНрдпрд╡рд╛рдж!

рдардВрдбрд╛! рд▓реЗрдХрд┐рди рдПрдХреНрд╕рдЯреЗрдВрд╢рди рдХреЛ рдПрдХ рд╣реА рд╕рдордп рдореЗрдВ рд░рдЦрддреЗ рд╣реБрдП, рдЗрд╕рд╕реЗ рдХреИрд╕реЗ рдЫреБрдЯрдХрд╛рд░рд╛ рдкрд╛рдпрд╛ рдЬрд╛рдП?

рдирдорд╕реНрдХрд╛рд░!

рдЖрдк рдпреВрдЖрд░рдПрд▓ рдХреЛ рдЗрд╕ рддрд░рд╣ рднреА рд╣рдЯрд╛ рд╕рдХрддреЗ рд╣реИрдВ:

  1. LastPass рдкрд░ рдЬрд╛рдПрдВ рдФрд░ рдЕрдкрдиреЗ рдЦрд╛рддреЗ рд╕реЗ рдЬреБрдбрд╝реЗрдВ
  2. Account parameters рдЕрдиреБрднрд╛рдЧ рдореЗрдВ рдЬрд╛рдПрдВ
  3. URL Exclusions рдЯреИрдм рдкрд░ рдиреЗрд╡рд┐рдЧреЗрдЯ рдХрд░реЗрдВ
  4. рдЕрдкрдиреЗ рдкреЗрдЬ рдХреЗ рд▓рд┐рдП http://localhost рдЬреИрд╕рд╛ рдПрдХ рдмрд╣рд┐рд╖реНрдХрд░рдг рдЬреЛрдбрд╝реЗрдВ

рдЙрдореНрдореАрдж рд╣реИ рдпреЗ рдорджрдж рдХрд░реЗрдЧрд╛!

рд╕рд╛рджрд░ :рдЖрд░рд╛рдо рд╕реЗ :

рд▓рд╛рд╕реНрдЯрдкрд╛рд╕ рдХрд╛ рдЙрдкрдпреЛрдЧ рдХреМрди рдХрд░ рд░рд╣рд╛ рд╣реИ? рдЕрдкрдирд╛ рд╣рд╛рде рдмрдврд╝рд╛рдПрдВ! (_onloadwff.js_)

: рдбреА, тАЛтАЛрдореЗрд░реЗ рд▓рд┐рдП рд╕рдмрд╕реЗ рдЕрдЪреНрдЫрд╛ рдЬрд╡рд╛рдм, рдмрд╣реБрдд рдмрд╣реБрдд рдзрдиреНрдпрд╡рд╛рдж :)))

рдпрд╣ рдЕрдЪреНрдЫрд╛ рд╣реИ рдпрджрд┐ рдЖрдк рдЙрдкрдпреЛрдЧрдХрд░реНрддрд╛ рд╣реИрдВ, рддреЛ рдмрд╕ рд▓рд╛рд╕реНрдЯрдкрд╛рд╕ рдХреЛ рдЕрдХреНрд╖рдо рдХрд░реЗрдВ, рд▓реЗрдХрд┐рди рд╣рдо рд╕рднреА рдпрд╣рд╛рдВ рдбреЗрд╡рд▓рдкрд░ рд╣реИрдВ? рддреЛ рд▓рд╛рд╕реНрдЯрдкрд╛рд╕ рдХрд╛ рдЙрдкрдпреЛрдЧ рдХрд░рдиреЗ рд╡рд╛рд▓реЗ рд╣рдорд╛рд░реЗ рдЙрдкрдпреЛрдЧрдХрд░реНрддрд╛рдУрдВ рдХреЗ рд▓рд┐рдП рд╣рдорд╛рд░реЗ рдлреЙрд░реНрдо рдХреЛ рдЯреВрдЯрдиреЗ рд╕реЗ рд░реЛрдХрдиреЗ рдХреЗ рд▓рд┐рдП рд╣рдо рдХреНрдпрд╛ рдХрд░ рд╕рдХрддреЗ рд╣реИрдВ (рдФрд░ рдЬреЛ рдЗрд╕ рдЬреАрдердм рдореБрджреНрджреЗ рдХреЛ рдХрднреА рдирд╣реАрдВ рдвреВрдВрдв рдкрд╛рдПрдВрдЧреЗ)?

рд╕реНрдкрд╖реНрдЯ рд╣реЛрдиреЗ рдХреЗ рд▓рд┐рдП, рдпрд╣ рддреНрд░реБрдЯрд┐ рдкреГрд╖реНрда рдкрд░ рдХреБрдЫ рднреА рдирд╣реАрдВ рддреЛрдбрд╝рддреА рд╣реИ, рдпрд╣ рдбреЗрд╡рд▓рдкрд░реНрд╕ рдХреЗ рд▓рд┐рдП рд╢реЛрд░ рд╣реИред рдпрджрд┐ рдЖрдк рдЗрд╕реЗ рдареАрдХ рдХрд░рдирд╛ рдЪрд╛рд╣рддреЗ рд╣реИрдВ, рддреЛ LastPass рд╕рдорд░реНрдерди рд╕реЗ рд╕рдВрдкрд░реНрдХ рдХрд░реЗрдВ, рдЬрд┐рддрдиреЗ рдЕрдзрд┐рдХ рдЕрдиреБрд░реЛрдз, рдЙрддрдиреА рд╣реА рдЕрдзрд┐рдХ рд╕рдВрднрд╛рд╡рдирд╛ рд╣реИ рдХрд┐ рд╡реЗ рдЗрд╕реЗ рдкреНрд░рд╛рдердорд┐рдХрддрд╛ рджреЗрдВрдЧреЗред

рдореЗрд░рд╛ рдмреБрд░рд╛, рдореЗрд░реЗ рдкрд╛рд╕ рдПрдХ рдФрд░ рдЕрдЬреАрдм рддреНрд░реБрдЯрд┐ рдереА рдЬрд┐рд╕рдиреЗ рдореЗрд░реЗ рдЗрдирдкреБрдЯ рдХреЛ рдмрдЧ рдореЗрдВ рдбрд╛рд▓ рджрд┐рдпрд╛, рдпрд╣ рддреНрд░реБрдЯрд┐ рд╡рд╛рд╕реНрддрд╡ рдореЗрдВ рд╕рд┐рд░реНрдл рд╢реЛрд░ рд╣реИред

<textarea class="form-control" id="messageBody"
            onkeypress={supressEnterPropagation}
            name="body"
            rows="18"
          ></textarea>
const supressEnterPropagation = (event) {
    if (event.which === 13 || event.keyCode === 13 || event.key === "Enter")
        event.stopPropagation()
     }
}

рдЖрдкрдХреЛ рд╡рд┐рдЪрд╛рд░ рдорд┐рд▓рд╛ред рдЗрд╕рдХрд╛ рд╕реВрдбреЛ рдХреЛрдб

рдХреНрдпрд╛ рдпрд╣ рдкреГрд╖реНрда рдЙрдкрдпреЛрдЧреА рдерд╛?
0 / 5 - 0 рд░реЗрдЯрд┐рдВрдЧреНрд╕

рд╕рдВрдмрдВрдзрд┐рдд рдореБрджреНрджреЛрдВ

anthony-dandrea picture anthony-dandrea  ┬╖  3рдЯрд┐рдкреНрдкрдгрд┐рдпрд╛рдБ

ghost picture ghost  ┬╖  3рдЯрд┐рдкреНрдкрдгрд┐рдпрд╛рдБ

activatedgeek picture activatedgeek  ┬╖  3рдЯрд┐рдкреНрдкрдгрд┐рдпрд╛рдБ

revskill10 picture revskill10  ┬╖  3рдЯрд┐рдкреНрдкрдгрд┐рдпрд╛рдБ

pola88 picture pola88  ┬╖  3рдЯрд┐рдкреНрдкрдгрд┐рдпрд╛рдБ