[crossBrowsing] Firefox 에서 contenteditable 안의 checkbox 가 선택되지 않는 문제

문제

파이어폭스에서는 아래와 같이 contenteditable 영역 안의 checkbox는 선택도 클릭 이벤트도 정상동작 되지 않는다

해결책

아래와 같이 해당 checkbox 를 span으로 감싼다

출처

https://stackoverflow.com/questions/37106151/using-form-elements-checkboxes-inside-contenteditable-div{:target=“_blank”}