๋๋ ๋ฌธ์๊ฐ ๋งํ๋ ๋๋ก ์ฌ์ฉ์๊ฐ ์ทจ์ํ ์ ์๊ธฐ๋ฅผ ์ํ์ง ์์ต๋๋ค. ๊ทธ๋ค์ ์๋ ๊ฐ์ผ๋ก ๋๋๋ ค์ผ ํ๋ค๊ณ ๋งํ์ง๋ง ๋จ์ํ ๋ด๊ฐ ์ํ์ง ์๋ ํ๋๋ฅผ ์ง์๋๋ค.
๋ณด์ด์ง ์๋ ์์ด์ฝ๊ณผ ๊ฐ์ ๊ฒ์ clear-button
์ฌ๋กฏ์ ์ ๋ฌํ ์ ์์ต๋๋ค. 1.x์์ ์ด๊ฒ์ ๋ค์๊ณผ ๊ฐ์ต๋๋ค(2.x์ ๊ฒฝ์ฐ ํด๋์ค ๋์ ์ฌ๋กฏ์ ์ฌ์ฉํด์ผ ํจ).
<paper-icon-button class="hidden" slot="clear-button"></paper-icon-button>
.hidden {
display: none;
}
v3์ฉ ์๋ฃจ์ : https://jsfiddle.net/6r5htd05/33/
๋๋ ์๋ ๋ฌธ์ ๋ฅผ ์ค์ ๋ก ์ดํดํ์ง ๋ชปํฉ๋๋ค. ์ทจ์ ๋ฒํผ์ ์๊ณ ์ง์ฐ๊ธฐ ๋ฒํผ๋ง ์์ต๋๋ค. ๋ฌธ์ ์ด๋๊ฐ์ "์ทจ์ ๋ฒํผ"์ด๋ผ๊ณ ํ์๋์ด ์์ต๋๊น?
ESC๋ฅผ ๋๋ฅด๋ฉด ํ์ฌ ์ ํ๋ ๊ฐ์ผ๋ก ๋๋์๊ฐ๋๋ค.
@jouni ๊ฐ๋ฅํ ์ฌ์ฉ ์ฌ๋ก๋ ํ์ ํ๋๋ก, ํ ๋ฒ ์ ํํ๋ฉด ์ ๋
์๋ฅผ ๋ค์ด ์ผ์ข ์ ์ํฐํฐ ๋ฒ์ ์ ํ๊ธฐ(ํด๋น ์ํฐํฐ, ๊ธฐ์ฌ ๋ฑ์ด ์์ง ์ ์ฅ๋ ๋ฒ์ ์ด ์๋ ๊ฒฝ์ฐ ์ ํ ํ์๋์ง ์์์ผ ํจ).
๋ฌผ๋ก , ๋๋ ๊ทธ ์ฌ์ฉ ์ฌ๋ก๋ฅผ ์ดํดํฉ๋๋ค. ๊ทธ๋ฌ๋ ์๋ ๋ฌธ์ ์ค๋ช ์๋ ์ด์ ๋ํ ์ธ๊ธ์ด ์์ผ๋ฏ๋ก @davidmaxwaterman์ด ํด๋น ๋ฌธ์๋ฅผ ์ด๋์์