[Security Solution] Safari browser (13.1.2) crashed on setting per page to 300 under detection rules

[ghost]

Describe the bug
Safari browser crashed on setting per page to 300 under detection rules

Build Details:
Platform: Production
Version:7.10.1 BC1
Commit: 1d4cfde288ede0c4bc6277b4d589ca0cb96b231f

Artifact Page : https://staging.elastic.co/7.10.1-ce3b40e6/summary-7.10.1.html

Browser Details
Safari: 13.1.2(13609.3.5.1.5)

Preconditions
1.Cloud environment having version 7.10.1 BC1 on production should exist

Steps to Reproduce

1. Navigate to Kibana url on Browser.
2. Click "Security" from the left navigation bar.
3. Go to detection tab and click on "Manage detection rules' button.
4. Scroll page down and change the per-page to 300.
5. safari browser crashed and webpage becomes unresponsive . Additionally after some time error is thrown of high memory usage

Note: Issue is occurring on Physical Hardware machine [ High Sierra]

Test data
N/A

Impacted Test case(s)

• https://elastic.testrail.io/index.php?/cases/view/15569

Actual Result
User not able to set per-page to 300 under detection rule for Safari browser

Expected Result
User should be able to set per-page to 300 under detection rule for Safari browser

What's Working

• issue is not occurring on all windows browsers
• issue is not occurring on Chrome[MAC]

What's not Working

• N/A

Screenshots

• Manage detection rules list

• per page

• web page becomes unresponsive

• browser version

Logs
N/A

[ghost]

@deepikakeshav-qasource please review

[ghost]

Reviewed & Assigned to @MadameSheema

[MadameSheema]

@peluja1012 @spong can you please help to prioritise this? feel free to change the impact if you don't agree with it :)

[dontcallmesherryli]

@karanbirsingh-qasource please validate this again on the latest snapshot so we can triage. Thank you!

[ghost]

Hi @MadameSheema

we have validated this issue on 7.12.1 and found that issue is still occuring , webpage becomes unresponsive on changing pagination to higher number like 300 and 600.

Note: issue not occuring on Firefox and chrome browser of same mac machine.

Machine Details

Build Details:

Version: 7.12.1
Commit:bb662886fc93cd04030e66223bb1ffa8512e0705
Build : 39445

Snap-Shoot:

thanks !!

[peluja1012]

@karanbirsingh-qasource As of this PR, we only allow users to display up to 100 rules at a time. Do you see similar issues with 100 rules in Safari?

[ghost]

Hi @peluja1012

thanks for sharing the updated paging change.

we have validated this issue on 7.14.0-SNAPSHOT and found it fixed . Now user is able to set row per page to 100 and can view details of all 100 detection rule in mac safari browser.

Build Details:

Version: 7.14.0-SNAPSHOT
Commit:e26582638988179d134e77e59b66ed8f982ab064
Build:41896

Snapshot:

Hence we are closing this issue.

c.c @MadameSheema