fix(designer-ui): Prevent field placeholder from being used as title …

…on HTML toolbar (#4812) * Prevent placeholder from being used as HTML toolbar title * Lint files
Azure · May 8, 2024 · cbe47f6 · cbe47f6
1 parent 753037e
commit cbe47f6
Showing 1 changed file with 7 additions and 8 deletions.
diff --git a/libs/designer-ui/src/lib/editor/base/index.tsx b/libs/designer-ui/src/lib/editor/base/index.tsx
@@ -173,13 +173,7 @@ export const BaseEditor = ({
 
   return (
     <>
-      <div
-        className={className ?? 'msla-editor-container'}
-        id={editorId}
-        ref={containerRef}
-        data-automation-id={dataAutomationId}
-        title={placeholder}
-      >
+      <div className={className ?? 'msla-editor-container'} id={editorId} ref={containerRef} data-automation-id={dataAutomationId}>
         {htmlEditor ? (
           <Toolbar
             isRawText={htmlEditor === 'raw-html'}
@@ -190,7 +184,12 @@ export const BaseEditor = ({
         ) : null}
         <TextPlugin
           contentEditable={
-            <ContentEditable className={css('editor-input', readonly && 'readonly')} ariaLabelledBy={labelId} ariaDescribedBy={id} />
+            <ContentEditable
+              className={css('editor-input', readonly && 'readonly')}
+              ariaLabelledBy={labelId}
+              ariaDescribedBy={id}
+              title={placeholder}
+            />
           }
           placeholder={
             <span className="editor-placeholder" ref={placeholderRef}>