april breeze

another web programmer

photo gallery

Webkit based Browser Bug: The caption at the top of table moves to bottom

Safari(Mac, iOS), Chrome(iOS)에서 확인했고,
caption 태그가 있는 table 태그 안에서 display hide/show 되는 element가 있으면 caption이 멋대로 위아래로 움직이는 현상이 발생함.

검색해봐도 아래 내용 정도 뿐이고, 답변도 없음;

https://stackoverflow.com/questions/44009186/safari-bug-translating-table-row-group-using-gsap-make-caption-jump-to-bottom

CSS caption-side 는 아무 소용이 없고, table 안에서 display hide/show를 하지 않는 방법 밖엔 없는 것 같음.

제 경우 td 안의 button 태그에 특정 class가 붙을때만 :before pseudo-element 에 content: 를 사용하고 있었는데 button 태그에 디폴트로 content: ""; 을 넣어줬더니 해결됐음. 하... 머 이런... ㅎ

comments powered by Disqus