firefox에서 contenteditable pseudo element(:before, :after) 정의가 있는 경우, focus 또는 click이 제대로 안되는 이슈(오류)

experience

• contenteditable로 웹에디터 개발하여 pseudo element(:after)로 placeholder를 노출하려는데, firefox에서는 pseudo element가 있는 경우, 해당 element(p 태그) 클릭하면 focus가 가지않고, pseudo element가 클릭되는 현상이 발생 @.@

이것 저것 찾아보다 hover:after인 경우 content를 '' 처리해, 뒤에 있는 p tag가 클릭되도록 수정.