서론

이슈를 찾아 여행하던 중..굉장히 해결하기 쉬울 것 같은 이슈를 잡았다.(하지만 그것은 착각이었다;;)

https://bugs.chromium.org/p/chromium/issues/detail?id=1241974

굉장히 쉽게 해결할 수 있을줄 알았지만…

본론

설명

다른 브라우저들과 달리 list marker의 margin이 chromium에서는 너무 길게 할당되어 이를 짧게 수정하였다.

무슨 뜻인지 잘 모를 것이다. 사진으로 확인해보자.

위의 사진이 before의 사진이다.

위의 사진이 수정을 한 후 after 사진이다.

차이를 못느끼겠는가? 물론 그렇게 느낄 수 있다. 하지만 약간의 margin이 after에서는 없어진 것을 볼 수 있다.

이런 것을 왜 수정해야하는가?

차이는

list-style-position: inside

옵션을 주었을 때 발생한다. 수정 전에는 text의 끝이 일치하지 않는다. 아래 그림과 같이 말이다.

파이어 폭스에서는 위와 같은 동작이 발생하지 않는다고 한다.

크로미엄에서는 다른 브라우저와 똑같이 동작하지 않는다는 이유로 버그 등록이 가능하다.

난관

수정은 간단했지만 난관이 존재했다. 일단 수정해야하는 테스트 파일이 너무나 많았다.

리눅스 운영체제에 종속된 테스트 파일만 하더라도 엄청났다. 그런데 더 힘든 것은 윈도우와 맥에서도 테스트 파일을 작성해야한다는 것이다. 윈도우는 내가 가지고 있지만 맥을 찾는 것이 힘들었다. 난 맥을 한번도 써보지 않았다…

맥..비싸다..

결론

정말 많은 테스트 파일을 수정해야한다. Mac, Windows, Linux의 운영체제에서 크로미엄을 돌려야하는 상황이다. 하지만 난 Mac이 없는걸….

결국 이 이슈는 눈물을 머금고 클로즈를 눌러야했다.