fix(inline-editable): use native tooltips for controls. #10536

Esri · Oct 14, 2024 · f622c2d · f622c2d
1 parent ecff629
commit f622c2d
Show file tree

Hide file tree

Showing 3 changed files with 5 additions and 2 deletions.
diff --git a/...alcite-components/src/components/inline-editable/assets/inline-editable/t9n/messages.json b/...alcite-components/src/components/inline-editable/assets/inline-editable/t9n/messages.json
@@ -1,5 +1,5 @@
 {
-  "enableEditing": "Click to edit",
+  "enableEditing": "Edit",
   "cancelEditing": "Cancel",
   "confirmChanges": "Save"
 }
diff --git a/...ite-components/src/components/inline-editable/assets/inline-editable/t9n/messages_en.json b/...ite-components/src/components/inline-editable/assets/inline-editable/t9n/messages_en.json
@@ -1,5 +1,5 @@
 {
-  "enableEditing": "Click to edit",
+  "enableEditing": "Edit",
   "cancelEditing": "Cancel",
   "confirmChanges": "Save"
 }
diff --git a/packages/calcite-components/src/components/inline-editable/inline-editable.tsx b/packages/calcite-components/src/components/inline-editable/inline-editable.tsx
@@ -176,6 +176,7 @@ export class InlineEditable
                 opacity: this.editingEnabled ? "0" : "1",
                 width: this.editingEnabled ? "0" : "inherit",
               }}
+              title={this.messages.enableEditing}
               type="button"
             />
             {this.shouldShowControls && [
@@ -190,6 +191,7 @@ export class InlineEditable
                   onClick={this.cancelEditingHandler}
                   ref={(el) => (this.cancelEditingButton = el)}
                   scale={this.scale}
+                  title={this.messages.cancelEditing}
                   type="button"
                 />
               </div>,
@@ -204,6 +206,7 @@ export class InlineEditable
                 onClick={this.confirmChangesHandler}
                 ref={(el) => (this.confirmEditingButton = el)}
                 scale={this.scale}
+                title={this.messages.confirmChanges}
                 type="button"
               />,
             ]}