ui5-webcomponents icon indicating copy to clipboard operation
ui5-webcomponents copied to clipboard

Segmented-button low performance on rendering in table rows

Open JeeOpp opened this issue 3 years ago • 2 comments

Bug Description

Segmented-button low performance on rendering in table rows (10 seconds) for 50 table rows.

Expected Behavior

Segmented-button performance on rendering in table rows increased at least 1-2 second for 50 table rows.

Steps to Reproduce and Example

I am using table and in the same moment inside each row segmented-button exists.

When count of rows less than 10 everything is fine. But if count of rows more than 20-30 then rendering performance become decrease.

FYI: 50 rows inside table (8 columns) with segmented-button inside each row render 8-10 seconds. FYI-2: If I remove segmented button and left only toggle-button, then performance become perfect. So I can say that issue inside segmented-button (may be it takes a lot of time to link toggle-buttons inside segmented-button). FYI-3: Radio-buttons performance much faster than segmented-button. (But only segmented-button fits my requirements :D ). FYI-4: Even empty segmented-button component with toggle-button without any logic has performance is low.

Context

  • UI5 Web Components version: 1.0.0-rc.14
  • OS/Platform: SAP CP
  • Browser: Google Chrome
  • Affected component: segmented-button and toggle-button

Log Output / Stack Trace / Screenshots

UI example: image HTML example: image

Priority

  • [ ] Low
  • [x] Medium
  • [ ] High
  • [ ] Very High

Stakeholder Info (if applicable)

  • Organization: SAP

JeeOpp avatar Nov 11 '21 09:11 JeeOpp