안드로이드(갤럭시)에서만 버튼이 안 잡히는 이슈

<Button
    type='button'
    onClick={(e) => { 동작 }}
>
	<Icon icon="Cancel" size="lg"/>
</Button>

 

리액트에서 이렇게 되어있는 코드였는데

웹 모바일, ios는 다 잘 되는데

안드로이드 폰에서만 버튼 동작이 안되는 이슈가 있었다.

방법 1.

안드로이드에선 버튼 태그 안에 글자가 없거나 하면 width를 못잡는 경우가 있다고 함

=> min-width랑 min-height 주기

 

방법2.

svg가 버튼의 클릭요소를 뺏어간 경우

=> svg에 pointer-events:none; 주기

 

방법3.

position:absolute 인 경우

=> 나는 해당 안 됨