EuiBasicTable blocks any action while isLoading is true

[cauemarcondes]

on APM we’re lazy loading part of the data that we show on a EuiBasicTable . The problem is that I cannot click on anything while isLoading = true.

lazy.loading.mov

Expected behavior:
The table would allow the user to click on any link in the table even when the loading spinner is running.

[cauemarcondes]

cc: @formgeist / @sqren

[sorenlouv]

Related: elastic/kibana#103645

[thompsongl]

Per comments elsewhere, preventing interaction is the intended behavior:

eui/src/components/basic_table/basic_table.tsx

Line 408 in b2d3a07

private addLoadingListeners = (tbody: HTMLTableSectionElement) => {

Open to discussions about changing that decision

[github-actions]

👋 Hey there. This issue hasn't had any activity for 180 days. We'll automatically close it if that trend continues for another week. If you feel this issue is still valid and needs attention please let us know with a comment.

[sorenlouv]

@cauemarcondes Is this still an issue? If so, should we engage with EUI team to discuss it?

[cauemarcondes]

@cauemarcondes Is this still an issue? If so, should we engage with EUI team to discuss it?

Apparently, it's no longer an issue @sqren .

Screen.Recording.2022-02-10.at.9.26.51.AM.mov

[sorenlouv]

Apparently, it's no longer an issue @sqren

That video doesn't show you clicking on on a link while the table is loading. So I'm not convinced this is fixed.

[cauemarcondes]

The problem happened while you tried to click on a service link while the sparklines are still loading, in the video, you can see that there's no sparkling yet for the services listed, so it's still being fetched, but I'm now able to click and navigate to a service details.

[sorenlouv]

@cauemarcondes I can still reproduce the problem. As long as the table data is loading the content becomes unresponsive to clicks:

[sorenlouv]

Ah, I think I get what you are saying now: it's blocking while loading the primary content (the links) but will not block if it's just the sparklines that are missing?

I agree, that's probably acceptable.

[formgeist]

Agree, it is acceptable as long as the user can navigate without having to wait on the sparklines (or other metrics related data) to load 👍

[cauemarcondes]

Ah, I think I get what you are saying now: it's blocking while loading the primary content (the links) but will not block if it's just the sparklines that are missing?

yes, that's it.

[cee-chen]

Re-opening this - we've investigated and have determined this behavior is an accessibility issue at worst and unnecessary UX at best. We will be removing this logic.