Skip to content

Instantly share code, notes, and snippets.

Embed
What would you like to do?
Frame.jsx diff
@ packages/terra-form-select/src/_Frame.jsx:207 @ class Frame extends React.Component {
className: cx('search-input', { 'is-hidden': Util.shouldHideSearch(this.props, this.state) }),
};
+ const selected = 'selected!';
switch (variant) {
case Variants.TAG:
case Variants.MULTIPLE:
@ packages/terra-form-select/src/_Frame.jsx:224 @ class Frame extends React.Component {
case Variants.COMBOBOX:
return <div className={cx('content')}><input {...inputAttrs} value={hasSearchChanged ? searchValue : display} /></div>;
default:
- return display ? <span id={displayId}>{display}</span> : <div id={placeholderId} className={cx('placeholder')}>{placeholder || '\xa0'}</div>;
+ return display ? (
+ <React.Fragment>
+ {/* this id mapping is probably not needed in safari, need to test ios and jaws without it<span id={displayId}> */}
+ <div>
+ {display}
+ {/* <span className={cx('visually-hidden-component')}>{` ${selected}`}</span> */}
+ </div>
+ </React.Fragment>
+ ) : <div id={placeholderId} className={cx('placeholder')}>{placeholder || '\xa0'}</div>;
}
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
You can’t perform that action at this time.