SearchItem does not support hide close button

[mydavidzhang]

Bug Description

When mouse hover and active on SearchItem there is always one close button, there is no way to hide this button if application does not want close item function. Note: API shows there is delete event triggered by this button, but there is no way to hide close button.

Affected Component

No response

Expected Behaviour

Should be able to hide close button

Isolated Example

see SDK https://sap.github.io/ui5-webcomponents/components/fiori/Search/

Steps to Reproduce

1. Open page https://sap.github.io/ui5-webcomponents/components/fiori/Search/
2. type any key in first search
3. mouse left click and hold on it to make the item active
4. There is close button which is not expected since application does not want delete function

Log Output, Stack Trace or Screenshots

No response

Priority

High

UI5 Web Components Version

2.11.0

Browser

Chrome

Operating System

No response

Additional Context

No response

Organization

SAP_SF

Declaration

• [x] I’m not disclosing any internal or sensitive information.

[didip1000]

Hey @SAP/ui5-webcomponents-topic-rl,

When you right click or select a SearchItem the delete button is shown, is this intentional?

Best, Diana P.

[hristop]

Internal BLI was created: FIORITECHP1-33897

@didip1000 To answer your q-n -> Yes, the behavior is by design.

[hristop]

Hi colleagues,

The search items now have API to allow applications to decide which items are deletable by the user and which are not. API: https://sap.github.io/ui5-webcomponents/nightly/components/fiori/SearchItem/#deletable

Here is a quick sample how this can be achieved: https://sap.github.io/ui5-webcomponents/nightly/play/#eyJpbmRleC5odG1sIjp7Im5hbWUiOiJpbmRleC5odG1sIiwiY29udGVudCI6IjwhLS0gcGxheWdyb3VuZC1mb2xkIC0tPlxuPCFET0NUWVBFIGh0bWw-XG48aHRtbCBsYW5nPVwiZW5cIj5cblxuXG5cblxuPGhlYWQ-XG4gICAgXG4gICAgPHN0eWxlPlxuICAgICAgKjpub3QoOmRlZmluZWQpIHtcbiAgICAgICAgZGlzcGxheTogbm9uZTtcbiAgICAgIH1cblxuICAgIGh0bWwge1xuICAgICAgZm9yY2VkLWNvbG9yLWFkanVzdDogbm9uZTtcbiAgICB9XG4gICAgPC9zdHlsZT5cblxuICAgIFxuICAgIDxzdHlsZT5cbiAgICAgICo6bm90KDpkZWZpbmVkKSB7XG4gICAgICAgIGRpc3BsYXk6IG5vbmU7XG4gICAgICB9XG5cbiAgICBodG1sIHtcbiAgICAgIGZvcmNlZC1jb2xvci1hZGp1c3Q6IG5vbmU7XG4gICAgfVxuICAgIDwvc3R5bGU-XG5cbiAgICBcbiAgICA8c3R5bGU-XG4gICAgICAqOm5vdCg6ZGVmaW5lZCkge1xuICAgICAgICBkaXNwbGF5OiBub25lO1xuICAgICAgfVxuXG4gICAgaHRtbCB7XG4gICAgICBmb3JjZWQtY29sb3ItYWRqdXN0OiBub25lO1xuICAgIH1cbiAgICA8L3N0eWxlPlxuXG5cdDxtZXRhIGNoYXJzZXQ9XCJVVEYtOFwiPlxuXHQ8bWV0YSBuYW1lPVwidmlld3BvcnRcIiBjb250ZW50PVwid2lkdGg9ZGV2aWNlLXdpZHRoLCBpbml0aWFsLXNjYWxlPTEuMFwiPlxuXHQ8dGl0bGU-U2FtcGxlPC90aXRsZT5cbjwvaGVhZD5cblxuPGJvZHkgc3R5bGU9XCJiYWNrZ3JvdW5kLWNvbG9yOiB2YXIoLS1zYXBCYWNrZ3JvdW5kQ29sb3IpOyBoZWlnaHQ6IDM1MHB4XCI-XG5cdDwhLS0gcGxheWdyb3VuZC1mb2xkLWVuZCAtLT5cblx0XHQ8dWk1LXNlYXJjaCBpZD1cImZpbHRlcmluZ1wiIHNob3ctY2xlYXItaWNvbiBwbGFjZWhvbGRlcj1cIlN0YXJ0IHR5cGluZyAuLi5cIj5cblx0XHRcdDx1aTUtc2VhcmNoLW1lc3NhZ2UtYXJlYSBzbG90PVwibWVzc2FnZUFyZWFcIiBkZXNjcmlwdGlvbj1cIlNlYXJjaCBmb3IgZXhhbXBsZSDigJxBbGwgbXkgb3BlbiBPYmplY3Rz4oCdXCIgdGV4dD1cIlRyeSBUaGlzIVwiPjwvdWk1LXNlYXJjaC1tZXNzYWdlLWFyZWE-XG5cdFx0XHQ8dWk1LWJ1dHRvbiBkZXNpZ249XCJUcmFuc3BhcmVudFwiIHNsb3Q9XCJhY3Rpb25cIj5TaG93IGFsbCBzZWFyY2ggcmVzdWx0czwvdWk1LWJ1dHRvbj5cblx0XHQ8L3VpNS1zZWFyY2g-XG5cdDwvZGl2PlxuXHQ8IS0tIHBsYXlncm91bmQtZm9sZCAtLT5cblx0PHNjcmlwdCB0eXBlPVwibW9kdWxlXCIgc3JjPVwibWFpbi5qc1wiPjwvc2NyaXB0PlxuPC9ib2R5PlxuXG48L2h0bWw-XG48IS0tIHBsYXlncm91bmQtZm9sZC1lbmQgLS0-XG4ifSwibWFpbi5qcyI6eyJuYW1lIjoibWFpbi5qcyIsImNvbnRlbnQiOiIvKiBwbGF5Z3JvdW5kLWhpZGUgKi9cbmltcG9ydCBcIi4vcGxheWdyb3VuZC1zdXBwb3J0LmpzXCI7XG4vKiBwbGF5Z3JvdW5kLWhpZGUtZW5kICovXG5pbXBvcnQgXCJAdWk1L3dlYmNvbXBvbmVudHMvZGlzdC9CdXR0b24uanNcIjtcbmltcG9ydCBcIkB1aTUvd2ViY29tcG9uZW50cy1maW9yaS9kaXN0L1NlYXJjaC5qc1wiO1xuaW1wb3J0IFwiQHVpNS93ZWJjb21wb25lbnRzLWZpb3JpL2Rpc3QvU2VhcmNoTWVzc2FnZUFyZWEuanNcIjtcbmltcG9ydCBcIkB1aTUvd2ViY29tcG9uZW50cy1maW9yaS9kaXN0L1NlYXJjaEl0ZW0uanNcIjtcblxuY29uc3QgZGF0YSA9IFtcblx0eyBuYW1lOiBcIlJlZCBBcHBsZSAoZGVsZXRhYmxlKVwiLCBjYXRlZ29yeTogXCJGcnVpdFwiLCBkZWxldGFibGU6IHRydWV9LFxuXHR7IG5hbWU6IFwiQXBwbGUgKGRlbGV0YWJsZSlcIiwgY2F0ZWdvcnk6IFwiRnJ1aXRcIiwgIGRlbGV0YWJsZTogdHJ1ZSB9LFxuXHR7IG5hbWU6IFwiQ3VjdW1iZXJcIiwgY2F0ZWdvcnk6IFwiVmVnZXRhYmxlXCIgfSxcblx0eyBuYW1lOiBcIk9yYW5nZVwiLCBjYXRlZ29yeTogXCJGcnVpdFwiIH0sXG5cdHsgbmFtZTogXCJUb21hdG9cIiwgY2F0ZWdvcnk6IFwiVmVnZXRhYmxlXCIgfSxcbl07XG5cbmZ1bmN0aW9uIG9uRGVsZXRlKGV2ZW50KSB7XG5cdGNvbnN0IGl0ZW0gPSBldmVudC50YXJnZXQ7XG5cdGlmIChpdGVtKSB7XG5cdFx0aXRlbS5yZW1vdmUoKTtcblx0fVxufVxuXG5mdW5jdGlvbiBjcmVhdGVJdGVtcyhwYXJlbnQsIGRhdGEpIHtcblx0ZGF0YS5mb3JFYWNoKChpdGVtKSA9PiB7XG5cdFx0Y29uc3Qgc2VhcmNoSXRlbSA9IGRvY3VtZW50LmNyZWF0ZUVsZW1lbnQoXCJ1aTUtc2VhcmNoLWl0ZW1cIik7XG5cdFx0c2VhcmNoSXRlbS50ZXh0ID0gaXRlbS5uYW1lO1xuICAgICAgICBzZWFyY2hJdGVtLmRlbGV0YWJsZSA9IGl0ZW0uZGVsZXRhYmxlO1xuXHRcdHNlYXJjaEl0ZW0uaWNvbiA9IFwic2VhcmNoXCI7XG5cdFx0c2VhcmNoSXRlbS5hZGRFdmVudExpc3RlbmVyKFwidWk1LWRlbGV0ZVwiLCBvbkRlbGV0ZSk7XG5cdFx0cGFyZW50LmFwcGVuZENoaWxkKHNlYXJjaEl0ZW0pO1xuXHR9KTtcbn1cblxuY29uc3QgZmlsdGVyaW5nID0gZG9jdW1lbnQuZ2V0RWxlbWVudEJ5SWQoXCJmaWx0ZXJpbmdcIik7XG5jcmVhdGVJdGVtcyhmaWx0ZXJpbmcsIGRhdGEpO1xuZmlsdGVyaW5nLmFkZEV2ZW50TGlzdGVuZXIoXCJ1aTUtaW5wdXRcIiwgKGV2ZW50KSA9PiB7XG5cdGNvbnN0IHZhbHVlID0gZXZlbnQudGFyZ2V0LnZhbHVlLnRvTG93ZXJDYXNlKCk7XG5cdGNvbnN0IGZpbHRlcmVkRGF0YSA9IGRhdGEuZmlsdGVyKChpdGVtKSA9PlxuXHRcdGl0ZW0ubmFtZS50b0xvd2VyQ2FzZSgpLmluY2x1ZGVzKHZhbHVlKVxuXHQpO1xuXG5cdGZpbHRlcmluZy5pdGVtcy5mb3JFYWNoKChpdGVtKSA9PiB7XG5cdFx0aXRlbS5yZW1vdmUoKTtcblx0fSk7XG5cblx0Ly8gY3JlYXRlIHNlYXJjaCBpdGVtcyBiYXNlZCBvbiBzZWFyY2hcblx0Y3JlYXRlSXRlbXMoZmlsdGVyaW5nLCBmaWx0ZXJlZERhdGEpO1xufSk7XG4ifX0

Best Regards, Hristo

[github-actions[bot]]

This issue has been closed. To reopen, just leave a comment!