long code line does NOT display well

[andrewchenshx]

If a line of code exceeds the width of the block, a horizontal scrollbar will be displayed. When scrolling to the right, the exceeding part of the code is not displayed correctly (the font color is white), and the code on the left will be displayed outside the block (on the left side).

[balex25]

I solved almost all the problems using only CSS.

#editorJS .editorjs-codeCup_Wrapper {
	width: 100%;
	overflow: hidden;
}

#editorJS .editorjs-codeCup_Wrapper .editorjs-codeCup_LangDisplay {
	padding-top: 0;
	padding-bottom: 0;
	padding-left: 8px;
	padding-right: 8px;
	z-index: 3;
}

#editorJS .codecup__textarea {
	overflow-x: auto;
}

#editorJS .codecup__textarea:focus {
	outline: none;
	border: 0;
	box-shadow: none;
}

#editorJS .codecup--has-line-numbers .codecup__flatten {
  width: fit-content;
}

#editorJS .codecup__lines {
	z-index: 3;
	background: #e5e7eb;
	min-width: 40px;;
}

#editorJS  .codecup__textarea {
	width: calc(100% - 120px) !important;
	overflow-y: hidden;
}

You can use this code until a fix is provided.

Note: EditorJS instance is rendered inside a DIV with ID "editorJS". You can replace #editorJS with something like .codex-editor