Zoho SalesIQ 모바일 검은 화면 문제

지원
9

Zoho는 세로 방향의 뷰포트에서 일반적인 .mobile-view 클래스를 display: none으로 설정하는 반응형 CSS 규칙을 로드합니다. Discourse도 루트 <html> 요소에 mobile-view를 적용하므로, Zoho의 규칙이 의도치 않게 문서 전체를 숨기게 됩니다. 장치를 가로 방향으로 회전하면 뷰포트가 해당 브레이크포인트 범위에서 벗어나 사이트가 다시 표시됩니다.

Zoho CSS는 현재 사용 중인 것 대신 다음으로 해당 위젯에만 제한되어야 합니다:

.zsiq-container .mobile-view {
  display: none;
}

대신 현재 사용 중인 것:

.mobile-view {
  display: none;
}

그러나 저는 사용자가 사용 중인 테마 컴포넌트에서 다음 규칙으로 이를 오버라이드했습니다.

html.mobile-view {
  display: block !important;
}

그리고 이제 모든 것이 정상적으로 작동하고 있습니다.