fix(selectable-tile): change divs inside label to span (#4745)

carbon-design-system · Nov 25, 2019 · d7ac8fa · d7ac8fa
1 parent 20598c8
commit d7ac8fa
Show file tree

Hide file tree

Showing 2 changed files with 6 additions and 6 deletions.
diff --git a/packages/react/src/components/RadioTile/RadioTile.js b/packages/react/src/components/RadioTile/RadioTile.js
@@ -120,12 +120,12 @@ export default class RadioTile extends React.Component {
           className={classes}
           tabIndex={this.props.tabIndex}
           onKeyDown={this.handleKeyDown}>
-          <div className={`${prefix}--tile__checkmark`}>
+          <span className={`${prefix}--tile__checkmark`}>
             <CheckmarkFilled aria-label={iconDescription}>
               {iconDescription && <title>{iconDescription}</title>}
             </CheckmarkFilled>
-          </div>
-          <div className={`${prefix}--tile-content`}>{children}</div>
+          </span>
+          <span className={`${prefix}--tile-content`}>{children}</span>
         </label>
       </>
     );

diff --git a/packages/react/src/components/Tile/Tile.js b/packages/react/src/components/Tile/Tile.js
@@ -339,12 +339,12 @@ export class SelectableTile extends Component {
           {...other}
           onClick={this.handleClick}
           onKeyDown={this.handleKeyDown}>
-          <div className={`${prefix}--tile__checkmark`}>
+          <span className={`${prefix}--tile__checkmark`}>
             <CheckmarkFilled aria-label={iconDescription}>
               {iconDescription && <title>{iconDescription}</title>}
             </CheckmarkFilled>
-          </div>
-          <div className={`${prefix}--tile-content`}>{children}</div>
+          </span>
+          <span className={`${prefix}--tile-content`}>{children}</span>
         </label>
       </>
     );