error

chrome 106 drag and drop error

dddzr 2022. 10. 13. 07:26

html draggalbe 속성을 가진 element를 drag and drop했을 때 다른 요소들이 사라지고 흰화면으로 보이는 에러발생했는데 

chorme을 106으로 업데이트 한 후 발생했다는 걸 발견(105버전 이용시 에러발생x)

 

When using Drag & Drop elements most other elements contained in absolute positioned elements disappear from screen.

If I resize the window these elements reappear but will again disappear when begining to drag.

 

아래의 css 속성을 draggable 요소에 추가하여 해결함.

저는 transform 속성만 추가해도 해결됐습니다!!

transform: translate(0, 0);
z-index: 0;

*translate는 요소를 이동시킬 때 사용하는 속성(주로 :hover일 때), (0,0)이면 오른쪽으로 0px, 아래로 0px이동 하는 것

*edge는 크롬기반이라서 edge로 해도 크롬이랑 같은 에러 발생함