Material-ui: [νšŒκ·€] νˆ΄νŒμ€ ν‘œμ‹œλ˜μ§€ μ•Šμ„ λ•Œμ—λ„ 포인터 이벀트λ₯Ό μ°¨λ‹¨ν•©λ‹ˆλ‹€.

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

  • [x] 이것은 v1.x λ¬Έμ œμž…λ‹ˆλ‹€ (v0.xλŠ” 더 이상 μœ μ§€λ˜μ§€ μ•ŠμŒ).
  • [x]이 μ €μž₯μ†Œμ˜ 문제 λ₯Ό κ²€μƒ‰ν–ˆμœΌλ©° 이것이 쀑볡이 μ•„λ‹ˆλΌκ³  μƒκ°ν•©λ‹ˆλ‹€.

μ˜ˆμƒλ˜λŠ” λ™μž‘


툴팁이 ν‘œμ‹œλ˜μ§€ μ•ŠμœΌλ©΄ μš”μ†Œκ°€ 포인터 이벀트λ₯Ό μˆ˜μ‹ ν•˜μ§€ λͺ»ν•˜λ„둝 차단할 수 μ—†μŠ΅λ‹ˆλ‹€.

ν˜„μž¬ 행동


툴팁이 ν‘œμ‹œλ˜μ§€ μ•ŠλŠ” κ²½μš°μ—λ„ divκ°€ λ¬Έμ„œμ— ν‘œμ‹œλ˜μ–΄ κ·Έ μ•„λž˜μ—μžˆλŠ” λͺ¨λ“  μš”μ†Œκ°€ 포인터 이벀트λ₯Ό μˆ˜μ‹ ν•˜μ§€ λͺ»ν•˜λ„둝 μ°¨λ‹¨ν•©λ‹ˆλ‹€.

μž¬ν˜„ 단계 (버그 용)

  1. https://codesandbox.io/s/vqnzr43xv7둜 μ΄λ™ν•©λ‹ˆλ‹€.
  2. "νˆ΄νŒμ— μ˜ν•΄ 차단 된 λ²„νŠΌ"쀑간에 마우슀λ₯Ό κ°€μ Έκ°‘λ‹ˆλ‹€.
  3. λ²„νŠΌμ€ κ°€μš΄λ°μ—μ„œ 클릭 ν•  수 μ—†μŠ΅λ‹ˆλ‹€.
  4. λ²„νŠΌ 츑면에 마우슀λ₯Ό κ°€μ Έ κ°€λ©΄ 도ꡬ μ„€λͺ…이 μΈ‘λ©΄μ—μ„œ λ²„νŠΌμ„ μ°¨λ‹¨ν•˜μ§€ μ•ŠμŠ΅λ‹ˆλ‹€.

λ¬Έλ§₯

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

| 기술 | 버전 |
| -------------- | --------- |
| Material-UI | v1.2.2 |
| λ°˜μ‘ | v16.4.0 |
| λΈŒλΌμš°μ € | Chrome 66.0.3359.181 |

bug πŸ› Tooltip

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

[email protected] 둜 λ˜λŒλ¦½λ‹ˆλ‹€. λ‚΄κ°€ μƒκ°ν•˜λŠ” 것은 react-popper @ 1 의 λˆ„μΆœμ΄λΌκ³  생각
μ•žμœΌλ‘œ 주말에 λͺ¨λ“  툴팁 문제λ₯Ό 일괄 적으둜 μˆ˜μ •ν•˜κ² μŠ΅λ‹ˆλ‹€.

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

슀크둀 μ„±λŠ₯이 훨씬 더 λ‚˜μ˜λ‹€λŠ” 것도 μ•Œμ•„ 챘고 λ²ˆλ“€ 크기도 μ¦κ°€ν–ˆμŠ΅λ‹ˆλ‹€ : # 11862.
[email protected] 둜 λŒμ•„ κ°€μ•Ό

[email protected] 둜 λ˜λŒλ¦½λ‹ˆλ‹€. λ‚΄κ°€ μƒκ°ν•˜λŠ” 것은 react-popper @ 1 의 λˆ„μΆœμ΄λΌκ³  생각
μ•žμœΌλ‘œ 주말에 λͺ¨λ“  툴팁 문제λ₯Ό 일괄 적으둜 μˆ˜μ •ν•˜κ² μŠ΅λ‹ˆλ‹€.

이 λ¬Έμ œλŠ” className이 더 이상 Popper μš”μ†Œμ— μžˆμ§€ μ•Šμ•„μ•Όν•˜μ§€λ§Œ <div> 내에 μžˆμ–΄μ•Όν•œλ‹€λŠ” κ²ƒμž…λ‹ˆλ‹€.

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