Move the text of the remove button into a span.

This is done to provide better styling options such as hiding the text and only displaying the icon, only showing the text on screen readers.
bhch · Sep 5, 2021 · 2b7f076 · 2b7f076
1 parent a0f73a9
commit 2b7f076
Show file tree

Hide file tree

Showing 2 changed files with 2 additions and 2 deletions.
diff --git a/src/components/containers.js b/src/components/containers.js
@@ -20,7 +20,7 @@ export function FormRow(props) {
                     onClick={(e) => props.onRemove(name)}
                     title="Remove"
                 >
-                    &times;
+                    <span>&times;</span>
                 </Button>
             }
             <div className="rjf-form-row-inner">

diff --git a/src/ui.js b/src/ui.js
@@ -179,7 +179,7 @@ export function getArrayFormRow(data, schema, name, onChange, onAdd, onRemove, l
                                 onClick={(e) => onRemove(name + '-' + index)}
                                 title="Remove"
                             >
-                                &times;
+                                <span>&times;</span>
                             </Button>
                         }
                         {i}