Material-ui: onloadwff.js:71 μ–΄μ„€μ…˜ μ‹€νŒ¨: μž…λ ₯ μΈμˆ˜κ°€ HTMLInputElementκ°€ μ•„λ‹™λ‹ˆλ‹€.

에 λ§Œλ“  2019λ…„ 03μ›” 12일  Β·  12μ½”λ©˜νŠΈ  Β·  좜처: mui-org/material-ui

  • [x] 이것은 v0.x λ¬Έμ œκ°€ μ•„λ‹™λ‹ˆλ‹€.
  • [x] 이 μ €μž₯μ†Œμ˜ 문제 λ₯Ό κ²€μƒ‰ν–ˆμœΌλ©° 이것이 μ€‘λ³΅λ˜μ§€ μ•ŠλŠ”λ‹€κ³  μƒκ°ν•©λ‹ˆλ‹€.

μ˜ˆμƒλ˜λŠ” 행동 πŸ€”

TextField 와 ν•¨κ»˜ multiline={true} TextField λ₯Ό μ‚¬μš©ν•  λ•Œ μ½˜μ†” 였λ₯˜κ°€ μ—†μ–΄μ•Ό ν•©λ‹ˆλ‹€.

ν˜„μž¬ 행동 😯

multiline TextField ( form )λ₯Ό λ Œλ”λ§ν•˜κ³  multiline 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. "TextField" μ„Ήμ…˜μ—μ„œ μ—¬λŸ¬ 쀄 μ»¨νŠΈλ‘€μ„ ν΄λ¦­ν•˜κ³  Enter ν‚€λ₯Ό λͺ‡ 번 λˆ„λ¦…λ‹ˆλ‹€.
  3. μ½˜μ†”μ— 기둝된 μ˜ˆμ™Έλ₯Ό ν™•μΈν•˜μ‹­μ‹œμ˜€.

Chrome(Ubuntu 18 및 WINdows 10 λͺ¨λ‘)μ—μ„œ 이 버그λ₯Ό μž¬ν˜„ν•  수 μžˆμŠ΅λ‹ˆλ‹€.
Firefox(Ubuntu 및 Windows)μ—μ„œ μž¬ν˜„ν•  수 μ—†μŠ΅λ‹ˆλ‹€.

λ‚΄ ν”„λ‘œμ νŠΈμ— λ™μΌν•œ λ¬Έμ œκ°€ 있으며 Material-U의 μ›Ή νŽ˜μ΄μ§€μ—λ„ μžˆλ‹€λŠ” 것을 μ•Œμ•˜μŠ΅λ‹ˆλ‹€.

μ—¬λŸ¬ 쀄 ν…μŠ€νŠΈ ν•„λ“œκ°€ 양식 νƒœκ·Έλ‘œ λž˜ν•‘λ˜μ§€ μ•Šμ€ 경우 버그가 ν‘œμ‹œλ˜μ§€ μ•ŠμŠ΅λ‹ˆλ‹€.

μ»¨ν…μŠ€νŠΈ πŸ”¦

μ—¬κΈ°μ—λŠ” λ§Žμ€ μ»¨ν…μŠ€νŠΈκ°€ μ—†μŠ΅λ‹ˆλ‹€. μ—¬λŸ¬ 쀄 ν…μŠ€νŠΈ ν•„λ“œλ₯Ό λ Œλ”λ§ν•˜κ³  μ½˜μ†”μ— 기둝된 μ΄λŸ¬ν•œ μ˜ˆμ™Έλ₯Ό μ°Ύμ•˜μŠ΅λ‹ˆλ‹€.

λ‹Ήμ‹ μ˜ ν™˜κ²½ 🌎

| 기술 | 버전 |
|----------------|---------|
| 머티리얼 UI | v3.0.1 및 v.3.9.2 |
| λ°˜μ‘ | 16.6.3 |
| λΈŒλΌμš°μ € | 크둬, νŒŒμ΄μ–΄ν­μŠ€(λ‘˜ λ‹€ μ΅œμ‹ ) |
| νƒ€μž…μŠ€ν¬λ¦½νŠΈ | μ•„λ‹ˆ |
| λ“± | - |

TextField external dependency

κ°€μž₯ μœ μš©ν•œ λŒ“κΈ€

λˆ„κ°€ LastPassλ₯Ό μ‚¬μš©ν•˜κ³  μžˆμŠ΅λ‹ˆκΉŒ? 손 λ“€μ–΄! ( onloadwff.js )

λͺ¨λ“  12 λŒ“κΈ€

λˆ„κ°€ LastPassλ₯Ό μ‚¬μš©ν•˜κ³  μžˆμŠ΅λ‹ˆκΉŒ? 손 λ“€μ–΄! ( onloadwff.js )

@npapagna 졜근 LastPass νšŒκ·€μž…λ‹ˆλ‹€. λ‚˜λŠ” μš°λ¦¬κ°€ μ˜€λž«λ™μ•ˆ ν•΄κ²°λ˜μ§€ μ•Šμ€ μ΄λŸ¬ν•œ μœ ν˜•μ˜ 문제λ₯Ό κ°€μ§ˆ 수 μžˆμ—ˆλŠ”μ§€ 맀우 μ˜μ‹¬μŠ€λŸ½μŠ΅λ‹ˆλ‹€. λ„€μ΄ν‹°λΈŒ <textarea /> 둜 λ™μΌν•œ 볡제λ₯Ό μ‹œλ„ν•  수 μžˆμŠ΅λ‹ˆλ‹€.

Capture d’écran 2019-03-12 aΜ€ 23 52 33

@oliviertassinari μ•Œμ•˜ μŠ΅λ‹ˆλ‹€!

μ‹œκ°„μ„ λ‚΄μ–΄ 이 글을 봐주신 λͺ¨λ“  λΆ„λ“€κ»˜ κ°μ‚¬λ“œλ¦½λ‹ˆλ‹€! πŸ‘

λ©‹μžˆλŠ”! κ·ΈλŸ¬λ‚˜ ν™•μž₯을 λ™μ‹œμ— μœ μ§€ν•˜λ©΄μ„œ μ œκ±°ν•˜λŠ” 방법은 λ¬΄μ—‡μž…λ‹ˆκΉŒ?

λ©‹μžˆλŠ”! κ·ΈλŸ¬λ‚˜ ν™•μž₯을 λ™μ‹œμ— μœ μ§€ν•˜λ©΄μ„œ μ œκ±°ν•˜λŠ” 방법은 λ¬΄μ—‡μž…λ‹ˆκΉŒ?

이에 λŒ€ν•œ 곡식적인 μˆ˜μ • 사항은 μ—†μ§€λ§Œ κ°€λŠ₯ν•œ ν•΄κ²° 방법은 λ‹€μŒκ³Ό κ°™μŠ΅λ‹ˆλ‹€.

  1. LastPass ν™•μž₯을 마우슀 였λ₯Έμͺ½ λ²„νŠΌμœΌλ‘œ 클릭
  2. "μ‚¬μ΄νŠΈ 데이터λ₯Ό 읽고 λ³€κ²½ν•  수 있음"을 μ„ νƒν•˜μ‹­μ‹œμ˜€.
  3. 그런 λ‹€μŒ "ν™•μž₯ ν”„λ‘œκ·Έλž¨μ„ 클릭할 λ•Œ"λ₯Ό μ„ νƒν•©λ‹ˆλ‹€.

νŽ˜μ΄μ§€λ₯Ό μƒˆλ‘œκ³ μΉ¨ν•˜λ©΄ 였λ₯˜κ°€ μ‚¬λΌμ§€λŠ” 것을 λ³Ό 수 μžˆμŠ΅λ‹ˆλ‹€.

κ°μ‚¬ν•©λ‹ˆλ‹€.

@sfanculatodinotte κ°μ‚¬ν•©λ‹ˆλ‹€!

λ©‹μžˆλŠ”! κ·ΈλŸ¬λ‚˜ ν™•μž₯을 λ™μ‹œμ— μœ μ§€ν•˜λ©΄μ„œ μ œκ±°ν•˜λŠ” 방법은 λ¬΄μ—‡μž…λ‹ˆκΉŒ?

μ—¬λ³΄μ„Έμš”!

λ‹€μŒκ³Ό 같이 URL을 μ œμ™Έν•  μˆ˜λ„ μžˆμŠ΅λ‹ˆλ‹€.

  1. LastPass둜 μ΄λ™ν•˜μ—¬ 계정에 μ—°κ²°
  2. Account parameters μ„Ήμ…˜μœΌλ‘œ 이동
  3. URL Exclusions νƒ­μœΌλ‘œ 이동
  4. http://localhost 와 같은 νŽ˜μ΄μ§€μ— λŒ€ν•œ μ œμ™Έ μΆ”κ°€

도움이 λ˜μ—ˆκΈ°λ₯Ό λ°”λžλ‹ˆλ‹€!

μ•ˆλΆ€ 인사:νŽΈμ•ˆν•¨:

λˆ„κ°€ LastPassλ₯Ό μ‚¬μš©ν•˜κ³  μžˆμŠ΅λ‹ˆκΉŒ? 손 λ“€μ–΄! (_onloadwff.js_)

:D μ €λ₯Ό μœ„ν•œ 졜고의 λ‹΅λ³€, 정말 κ°μ‚¬ν•©λ‹ˆλ‹€ :)))

κΈ€μŽ„, 당신이 μ‚¬μš©μžλΌλ©΄ κ·Έλƒ₯ lastpassλ₯Ό λΉ„ν™œμ„±ν™”ν•˜λŠ” 것이 μ’‹μŠ΅λ‹ˆλ‹€. κ·ΈλŸ¬λ‚˜ μš°λ¦¬λŠ” λͺ¨λ‘ μ—¬κΈ° 개발자 λ§žμŠ΅λ‹ˆκΉŒ? κ·Έλ ‡λ‹€λ©΄ LastPassλ₯Ό μ‚¬μš©ν•˜λŠ” μ‚¬μš©μž(그리고 이 github 문제λ₯Ό μ ˆλŒ€ 찾지 λͺ»ν•  μ‚¬μš©μž)λ₯Ό μœ„ν•΄ 양식이 μ†μƒλ˜λŠ” 것을 λ°©μ§€ν•˜λ €λ©΄ μ–΄λ–»κ²Œ ν•΄μ•Ό ν• κΉŒμš”?

λΆ„λͺ…νžˆ λ§ν•΄μ„œ, 이 였λ₯˜λŠ” νŽ˜μ΄μ§€μ—μ„œ 아무 것도 μ†μƒμ‹œν‚€μ§€ μ•ŠμœΌλ©° 개발자λ₯Ό μœ„ν•œ μ†ŒμŒμž…λ‹ˆλ‹€. 문제λ₯Ό ν•΄κ²°ν•˜λ €λ©΄ 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()
     }
}

당신은 아이디어λ₯Ό μ–»μ—ˆλ‹€. sudo μ½”λ“œ

이 νŽ˜μ΄μ§€κ°€ 도움이 λ˜μ—ˆλ‚˜μš”?
0 / 5 - 0 λ“±κΈ‰