안녕하세요, 다크와 라이트 컬러 스킴을 설정한 후 이 기능이 정상적으로 작동합니다. 그러나 토글을 사용하여 다크 테마에서 라이트 테마로 전환한 후, 토픽 페이지에서 아래로 스크롤하여 모바일 로고로 전환할 때 로고가 컬러 스킴과 일치하지 않습니다. 마찬가지로, 다시 위로 스크롤하여 전체 로고를 표시할 때도 잘못된 로고가 표시됩니다. 이 문제는 라이트 테마에서 발생합니다. 이 문제를 어떻게 해결할 수 있을까요?
수정: Problem with brand logo and automatic dark mode 와 관련이 있을 수 있습니다.
6개의 좋아요
네, 저도 여기서 같은 문제를 겪고 있습니다.
2개의 좋아요
RGJ
(Richard - Communiteq)
12월 18, 2024, 8:49오전
3
bekircem:
안녕하세요, 다크 모드와 라이트 모드 색상 스킴을 설정한 후 이 기능이 올바르게 작동합니다. 그러나 토글을 사용하여 다크 테마에서 라이트 테마로 전환한 뒤, 주제 페이지에서 아래로 스크롤하여 모바일 로고로 전환하면 로고가 색상 스킴과 일치하지 않습니다. 마찬가지로, 다시 위로 스크롤하여 전체 로고를 표시할 때도 잘못된 로고가 표시됩니다. 이 문제는 라이트 테마에서 발생합니다. 이 문제를 어떻게 해결할 수 있을까요?
저도 동일한 문제를 확인했습니다.
OS의 다크/라이트 모드가 토글 모드와 다를 경우, 위아래로 스크롤하면 문제가 발생합니다.
OS 모드
토글 모드
스크롤 후
라이트
라이트
라이트
다크
큰 로고와 작은 로고 모두 다크 로고 대신 라이트 로고가 표시됨
다크
라이트
큰 로고와 작은 로고 모두 라이트 로고 대신 다크 로고가 표시됨
다크
다크
다크 작은 로고 대신 라이트 작은 로고가 잠시 깜빡임
5개의 좋아요
@bekircem님과 @RGJ님 , 보고해 주셔서 감사합니다. 메타에서 직접 재현해 볼 수 있었습니다. 확인해 보겠습니다.
관련된 게시글을 Contribute > Bug 채널의 새 토픽으로 분리하고, Richard님의 게시글에 설명된 각 사례의 동작 방식을 보여주기 위한 스크린캐스트를 제작했습니다. OS 모드가 토글 모드와 일치하지 않으면, 처음에는 올바른 로고가 표시되지만 사이트를 스크롤하고 여기저기를 클릭하면서 잘못된 로고로 바뀌어 표시됩니다.
6개의 좋아요
오사마는 다음 PR에서 이 버그를 수정했습니다.
main ← fix/correct-logo-version-on-scroll
merged 06:26AM - 31 Dec 24 UTC
There's currently a bug where if you use the color scheme toggler to switch to t… he opposite color mode of your system preference, i.e. enable light mode when your system preference is dark and vice versa, the header logo renders the version matching your system preference instead of the selected choice made via the toggler the next time the logo is minimized or expanded (e.g. when scrolling in a long topic).
The bug occurs because when you switch your color scheme via the toggler component, the component updates all the relevant DOM elements that are currently in-view, but subsequent changes to the DOM made by the app, e.g. when the header logo is minimized/expanded, aren't aware of the new choice and resort to the system preference.
This PR fixes the bug by adding a hook to the header logo that gets called when the logo is minimized/expanded and making sure the user's scheme choice is applied to the logo when it's re-rendered.
Internal topic: t/144688.
8개의 좋아요
sam
(Sam Saffron)
1월 1, 2025, 10:56오후
7
이 이슈에 대해 자동 종료 타이머를 설정해 두었습니다. 문제가 해결되었는지 확인해 주실 수 있을까요?
2개의 좋아요
저는 meta와 제 사이트에서 이 문제를 직접 테스트해 보았습니다. 제 사이트에서는 정상적으로 작동하는 것 같지만, meta에서는 여전히 동일한 문제가 발생합니다.
3개의 좋아요
sam
(Sam Saffron)
에 닫힘
1월 5, 2025, 9:00오후
9
이 주제는 3일 후 자동으로 닫혔습니다. 새로운 답글은 더 이상 허용되지 않습니다.