fix(designer): Alert error messages for required editor fields (#3592)

Alert error messages for required editor fields Co-authored-by: Ram Gupta <[email protected]>
Azure · Nov 3, 2023 · 7a3a0ef · 7a3a0ef
1 parent b39273a
commit 7a3a0ef
Showing 1 changed file with 5 additions and 1 deletion.
diff --git a/libs/designer/src/lib/ui/settings/settingsection.tsx b/libs/designer/src/lib/ui/settings/settingsection.tsx
@@ -330,7 +330,11 @@ const Setting = ({ id, settings, isReadOnly }: { id?: string; settings: Settings
       <div key={i} style={{ display: 'flex', gap: '4px' }}>
         <div className={getClassName()} style={{ flex: '1 1 auto' }}>
           {renderSetting()}
-          {errorMessage && !hideErrorMessage[i] && <div className="msla-input-parameter-error">{errorMessage}</div>}
+          {errorMessage && !hideErrorMessage[i] && (
+            <span className="msla-input-parameter-error" role="alert">
+              {errorMessage}
+            </span>
+          )}
         </div>
         <RemoveConditionalParameter />
       </div>