여전히 이를 재현할 수는 없지만 최신 Redactor 버전이 포함된 2.3.2 버전을 출시했습니다. 이것은 아마도 지금 수정되었지만 그렇지 않은 경우 알려주십시오.

최신 버전으로 업데이트했는데 버그가 여전히 존재합니다!

분명히 Firefox에서는 수정되었지만 Chrome 72에서는 여전히 여기에 있습니다.

저는 Windows 10 시스템을 사용 중입니다.

https://imperavi.com/redactor/ 에서 이 버그를 재현할 수 있습니까?

최신 버전의 크롬에서 Windows 10을 사용하여 동일한 문제가 있습니다. 최신 버전의 공예 및 최신 버전의 플러그인. 코드보기로 전환하면 html이 나타나지만 스크롤하면 즉시 스크롤바가 맨 아래로 이동하고 빈 검은색 상자만 표시되고 스크롤바가 고정됩니다. 위의 imperavi 페이지에서 동일한 양의 텍스트를 추가하고 보기를 전환하면 코드 보기가 코드 아래에 많은 양의 검은색 공간이 있음을 알았습니다. 즉 편집기가 텍스트 모드와 동일한 높이를 유지했습니다. 이것이 문제의 일부인지 궁금합니다. 현재 코드 모드를 사용할 수 없습니다.

긴 텍스트 보기에서 코드 보기로 전환할 때만 발생합니다. 빈 편집자 필드가 있고 코드 보기로 전환하고 코드를 붙여넣으면 스크롤 막대가 필드 내에서 제대로 작동합니다.

@lettie16 https://imperavi.com/redactor/ 에서 이 버그를 재현할 수 있습니까?

https://imperavi.com/redactor/ 에서 이 버그를 재현할 수 있습니까?

안녕하세요 안드리스입니다.

아니요, 이 사이트에서 복제할 수 없습니다. 그러나 나는 이것이 공예 cms 필드와 상호 작용하는 방식과 관련이 있다고 생각합니다. 위에서 언급했듯이 코드 보기에 붙여넣는 깨끗한 빈 필드가 있는 경우 제대로 작동하지만 스크롤 막대가 이 편집기와 같이 편집 범위 내에 있습니다.

텍스트 보기에 많은 텍스트를 붙여넣은 다음 코드 보기로 전환하면 문제가 발생하고 스크롤바가 편집기 외부에 나타납니다.

코드가 보기를 전환한 후 편집기의 높이를 다시 계산하는 방법과 관련이 있을 수 있다고 생각합니다.

Windows 10, Chrome 72 및 최신 버전의 Craft 3 및 Redactor에서 이를 재현하는 데 어려움을 겪고 있습니다. 내가 어딘가에 단계를 놓친 경우에 대비하여 누군가가 동작에 대한 빠른 비디오를 녹화할 수 있습니까?

@Angrybrad

https://streamable.com/f6we5

(스크롤바를 클릭하기 전의 대기는 내가 마우스로 스크롤하려고 하는 것입니다)

@timoteh hrm... 아마도 Matrix/Super Table 내부에 있는 것과 관련이 있습니까? 작곡가.json 파일과 데이터베이스 덤프를 [email protected] 으로 보내고 이 문제를 참조하고 사용한 비디오의 항목/필드를 알려줄 수 있습니까?

Matrix/Super Table 외부에서 사용해 보았지만 결과는 동일합니다.

@angrybrad , 완료!

@timoteh 처음에는 이것을 얼마 후에 재현할 수 있었지만 다시 돌아가서 더 이상 할 수 없습니다. 최신 Chrome/Reactor 및 Craft를 사용 중이고 여전히 문제가 있는지 확인할 수 있습니까?

@Angrybrad
Chrome에서 방금 시도했지만 여전히 동일합니다.

구글 크롬
버전 73.0.3683.103(공식 빌드)(64비트)
크래프트 CMS 3.1.23
교정기 2.3.2

@timoth 아마도 화면 크기/해상도와 관련이 있습니까? 브라우저를 최대화하고 어떤 해상도로 실행하고 있습니까?

@angrybrad 예, 최대화되었지만 화면 크기로 재생하려고 해도 항상 같은 결과가 나타납니다. 여러 Craft 3 설정에서 재현하려고 시도했으며 항상 할 수 있습니다!

iOS의 동료는 더 이상 이를 재현할 수 없으므로 다음과 같이 설정합니다.

그리고 @lettie16 은?

Win10 + Chrome 74.0.3729.131 + Craft 3.1.25 + Redactor 2.3.3.2에서도 이 문제가 표시됩니다.

개발 도구에서 이 div를 "display: none"으로 계속해서 설정하기 시작하면서 자바스크립트의 무언가가 무한 루프에 걸리는 것으로 나타났습니다.

<div class="redactor-styles redactor-in redactor-in-0" dir="ltr" aria-labelledby="redactor-voice-0" role="presentation" contenteditable="true" domtargetshow="" style="display: none;">

추가 참고 사항:

• 자바 스크립트가 스크롤 가능한 요소가 맨 아래까지 스크롤하도록 강제하는 것처럼 보입니다.
• 다른 필드 레이아웃 탭을 클릭하면 중지됩니다(즉, 편집자 필드 숨기기).
• 더 긴 게시물을 사용하면 스크롤 시 즉시 트리거되지 않는 것 같습니다. 버그가 시작되기 전에 일정량 아래로 스크롤해야 합니다.

소스 div가 표시될 때 WYSIWYG 콘텐츠를 보유하는 contenteditable div가 display: none 로 설정되는 것을 방지하여 이에 대한 CSS 솔루션을 찾았습니다. . 다음 CSS를 CP에 추가합니다.

.redactor-source-view [contenteditable="true"] {
    display: block !important;
    height:0 !important;
    width:0 !important;
    padding:0 !important;
    overflow: hidden !important;
}

Mac의 최신 Chrome 및 Firefox, PC의 Chrome에서 테스트합니다.

제어판에 CSS를 추가하기 위해 이 편리한 플러그인으로 테스트할 수 있습니다: https://github.com/doublesecretagency/craft-cpcss

@croxton 수정해주셔서 감사합니다! 나는 여전히 재현 할 수 없기 때문에 그것에 의존 할 것입니다 :)