Next/link ์‚ฌ์šฉ ์‹œ mouseEnter ์ด๋ฒคํŠธ ํ•ธ๋“ค๋Ÿฌ๊ฐ€ ์ž‘๋™ํ•˜์ง€ ์•Š๋Š” ํ˜„์ƒ
By ํฌ์€w
์›น (WEB)/์—๋Ÿฌํ•ด๊ฒฐ
2022. 1. 9. 10:16

๋ฌธ์ œ ์ƒํ™ฉ

next/link๋ฅผ ์‚ฌ์šฉํ•œ GNB์˜ mouseEnter event๊ฐ€ ์ž‘๋™ํ•˜์ง€ ์•Š์•„์„œ ๋ฉ”์ธ ๋ฉ”๋‰ด์— ๋งˆ์šฐ์Šค๋ฅผ ์›€์ง์—ฌ๋„ subMenu๊ฐ€ ๋ฐ”๋€Œ์ง€ ์•Š๋Š” ์ด์Šˆ๊ฐ€ ๋ฐœ์ƒํ•œ๋‹ค.

 

์›์ธ

GNB์—์„œ ์‚ฌ์šฉํ•˜๋Š” LinkContext์˜ SuperLink๋ฅผ next/link๋กœ ์ฒ˜๋ฆฌํ–ˆ๋Š”๋ฐ, next 12 version์—์„œ mouseHover ์ด๋ฒคํŠธ๊ฐ€ ์ œ๋Œ€๋กœ ์ž‘๋™ํ•˜์ง€ ์•Š๋Š” ๋ฌธ์ œ๊ฐ€ ์žˆ๋‹ค.

 

fix(Link): Do not ignore onMouseEnter prop with absolute href by ericmatthys · Pull Request #32012 · vercel/next.js

Fixes #22733 Regardless of whether it's recommended that Link be used with external href values or not, they can be used and onMouseEnter being swallowed with an external href value is unexpect...

github.com

 

ํ•ด๊ฒฐ

ํ•ด๋‹น ๋ฌธ์ œ๊ฐ€ 12.0.5 ๋ฒ„์ „์—์„œ ํ•ด๊ฒฐ๋˜์—ˆ์œผ๋ฏ€๋กœ next ๋ฒ„์ „์„ 12.0.5 ์ด์ƒ์œผ๋กœ ์˜ฌ๋ ค์ค€๋‹ค.

 

Release v12.0.5 · vercel/next.js

This upgrade is completely backward-compatible and recommended for all users on versions below 12.0.5. A backport of the patch to Next.js 11 is available as 11.1.3. When a URL is provided to next-s...

github.com

 

๋ฐ˜์‘ํ˜•
์ €์ž‘์žํ‘œ์‹œ ๋น„์˜๋ฆฌ ๋ณ€๊ฒฝ๊ธˆ์ง€

'์›น (WEB) > ์—๋Ÿฌํ•ด๊ฒฐ' ์นดํ…Œ๊ณ ๋ฆฌ์˜ ๋‹ค๋ฅธ ๊ธ€

[Next JS] Anchoring issue :: SWR / react-query ์‚ฌ์šฉ ์‹œ ์ฃผ์˜ํ•  ์   (0) 2022.02.20
Android์˜ ๋„ค์ด๋ฒ„ ์•ฑ์—์„œ ๋ ˆ์ด์•„์›ƒ ๊นจ์งˆ ๋•Œ (flex-shrink ๋ฏธ์ง€์›)  (3) 2022.01.23
Next์˜ css์—์„œ ์“ด font asset์„ ๋นŒ๋“œ ์‹œ ์ œ๋Œ€๋กœ ๋ฐ›์•„์˜ค์ง€ ๋ชปํ•˜๋Š” ์ด์Šˆ  (0) 2022.01.03
React array state๊ฐ€ ๊ฐฑ์‹ ๋˜์–ด๋„ view๊ฐ€ ๋ฐ”๋€Œ์ง€ ์•Š์„ ๋•Œ  (0) 2021.03.14
์ฟ ํ‚ค๊ฐ€ ๋ฐœ๊ธ‰๋˜์ง€ ์•Š์„ ๋•Œ, Access-Control-Allow-Origin ์˜ค๋ฅ˜ ํ•ด๊ฒฐ ๋ฐฉ๋ฒ•  (7) 2021.02.06

ํ‹ฐ์Šคํ† ๋ฆฌํˆด๋ฐ”