Skip to content

Commit 6630c2a

Browse files
authored
refactor(ui5-input): remove highlight property (#3350)
All inputs by SAP Fiori 3 Specification should highlight matching suggestions. BREAKING CHANGE: The highlight property is removed and the feature is enabled by default
1 parent dac8183 commit 6630c2a

File tree

2 files changed

+6
-6
lines changed

2 files changed

+6
-6
lines changed

packages/main/src/Input.js

+3-3
Original file line numberDiff line numberDiff line change
@@ -138,7 +138,7 @@ const metadata = {
138138
*
139139
* @type {boolean}
140140
* @defaultvalue false
141-
* @public
141+
* @private
142142
* @sicne 1.0.0-rc.8
143143
*/
144144
highlight: {
@@ -814,13 +814,13 @@ class Input extends UI5Element {
814814

815815
enableSuggestions() {
816816
if (this.Suggestions) {
817-
this.Suggestions.highlight = this.highlight;
818817
return;
819818
}
820819

821820
const Suggestions = getFeature("InputSuggestions");
821+
822822
if (Suggestions) {
823-
this.Suggestions = new Suggestions(this, "suggestionItems", this.highlight);
823+
this.Suggestions = new Suggestions(this, "suggestionItems", true);
824824
} else {
825825
throw new Error(`You have to import "@ui5/webcomponents/dist/features/InputSuggestions.js" module to use ui5-input suggestions`);
826826
}

packages/main/test/pages/Input.html

+3-3
Original file line numberDiff line numberDiff line change
@@ -26,7 +26,7 @@ <h3>Input in Cozy</h3>
2626
style="width: 500px"
2727
show-suggestions
2828
placeholder="Search for a country ..."
29-
highlight>
29+
>
3030
</ui5-input>
3131
</div>
3232

@@ -63,7 +63,7 @@ <h3>Input suggestions with grouping</h3>
6363
</ui5-input>
6464

6565
<h3>Input suggestions with highlighing</h3>
66-
<ui5-input id="myInputHighlighted" highlight show-suggestions style="width: 100%">
66+
<ui5-input id="myInputHighlighted" show-suggestions style="width: 100%">
6767
<ui5-suggestion-item text="Adam D" description="Administrative Support"></ui5-suggestion-item>
6868
<ui5-suggestion-item text="Aanya Sing" description="Administrative Support"></ui5-suggestion-item>
6969
<ui5-suggestion-item text="Allen K" description="Technical Support"></ui5-suggestion-item>
@@ -288,7 +288,7 @@ <h3>Test ariaLabel and ariaLabelledBy</h3>
288288
<ui5-input aria-labelledby="enterNameLabel"></ui5-input>
289289

290290
<h3>Input suggestions with highlighing and XSS test</h3>
291-
<ui5-input highlight show-suggestions style="width: 100%">
291+
<ui5-input show-suggestions style="width: 100%">
292292
<ui5-suggestion-item text="<script>alert('XSS')</script>" description="Administrative Support"></ui5-suggestion-item>
293293
<ui5-suggestion-item text="Aanya Sing" description="<b onmouseover=alert('XSS')></b>">
294294
</ui5-suggestion-item>

0 commit comments

Comments
 (0)