text is not getting copied correctly in ace editor.

[vidyakore]

Please Note: This is for internal consumption of SAP

Problem

we are using ace editor to show response we get from API like showed following

and this text is ReadOnly, when we try to copy paste the complete text in it it gets pasted correctly. But if we copy the text partially and paste it some characters will be missing.

for ex. if I copy the following text

it will be pasted like this

Detail the problem here, including any possible solutions.

here is the configurations we have written for ace editor

      <AceEditor
        placeholder=""
        style={jsonViewerStyles}
        mode="javascript"
        theme="xcode"
        name={id}
        readOnly={true}
        fontSize={14}
        showPrintMargin={true}
        showGutter={true}
        highlightActiveLine={true}
        wrapEnabled={enableWrap}
        value={data ? JSON.stringify(data, undefined, 2) : localizeStrings('TEST_PREVIEW.NO_DATA_PLACEHOLDER.TEXT')}
        setOptions={{
            enableBasicAutocompletion: false,
            enableLiveAutocompletion: false,
            enableSnippets: false,
            showLineNumbers: true,
            tabSize: 2,
            vScrollBarAlwaysVisible: true,
            hScrollBarAlwaysVisible: true,
            showPrintMargin: false,
            displayIndentGuides: false,
            highlightActiveLine: false,
        }}
    />

Version Info

React version 18.2.0

OS Windows

[vidyakore]

Removing fontFamily from this code solved My issue.

const jsonViewerStyles = {
                fontFamily:'Menlo',
        fontStyle: 'normal',
        fontWeight: isHorizonTheme()? '700': '400',
        fontSize: '14px',
        lineHeight: '20px',
        width: '100%',
        height: '100%',
    };