사용자 필드 배치 문제에 대하여

[yu_miao]

나는 어떤 페이지 레이아웃도 변경하지 않았습니다

[JammyDodger]

안전 모드에서도 여전히 발생합니까?

[yu_miao]

네,

https://goosetown.site/?safe_mode=no_themes,no_plugins

[JammyDodger]

음. 그렇군요. div.education 사용자 필드에 있는 줄들이 문제의 원인으로 보입니다. 인스펙터에서 해당 항목들을 선택 해제하면 정상적으로 표시됩니다. 그런데 이 줄들을 추가하는 것이 무엇인지 아직 파악이 안 됩니다.

이 문제는 제 테스트 사이트에서도 발생합니다:

하지만 ‘Education’ 항목에서만 나타납니다:

[yu_miao]

그렇습니다, “교육”에는 어떤 마법이 있는 것 같아요

답장 주셔서 감사합니다

[awesomerobot (Kris)]

다른 곳에서 교육(education) 클래스를 사용하고 있습니다.

app/assets/javascripts/discourse/app/templates/components/footer-message.hbs

따라서 이는 클래스 충돌 문제로 보입니다. 이를 피하기 위해 이러한 사용자 필드에는 접두사가 있어야 하며, 예를 들어 .user-field-education과 같은 형태여야 합니다.

[awesomerobot (Kris)]

user 필드 클래스 이름에 접두사를 붙이는 수정 사항을 병합했습니다. 이제

.education

대신

.public-user-field__education

이 됩니다.

다음에 Discourse를 업데이트하면 이 문제가 해결될 것입니다.

DEV: prevent class clash with user-field names (#18055)

[yu_miao]

정말 좋네요, 방금 discourse를 업데이트했는데 해결되었습니다