Full Row Bulk Select

Customization Theme component

AI-generated summary

Don introduced the Full Row Bulk Select theme component, which allows users to select entire topic list rows via click or tap, significantly improving mobile usability. The component is available via install guide and a repository. frold and qianping_chen praised the feature, suggesting it should be an official Discourse component.

However, Jagster reported a critical issue on iPad/Safari where selecting multiple rows caused a gradient blue overlay that deepened with scrolling, eventually crashing DiscourseHub. Additionally, a conflict with the Topic List Previews component resulted in incorrect selection counts and UI glitches. Don identified the root cause as Safari’s handling of position: relative on tables and resolved the crash by implementing a JavaScript fix to dynamically calculate row heights for the selection overlay. Jagster confirmed the crash was fixed, noting only a minor cosmetic issue remained with Topic List Previews. Finally, Moin confirmed that the functionality has been merged into the core Discourse codebase via discourse/discourse#36102, making it an official feature.

1
:information_source: Summary Makes the full topic list item row selectable
:eyeglasses: Preview Theme Creator
:hammer_and_wrench: Repository GitHub - VaperinaDEV/full-row-bulk-select: This theme component makes the full topic list item row selectable with click or tap. · GitHub
:question: Install Guide How to install a theme or theme component
:open_book: New to Discourse Themes? Beginner’s guide to using Discourse Themes

Install this theme component

Hello :wave:

This theme component makes the full topic list item row selectable with click or tap. It makes much easier to select a topic mainly on mobile.

Screenshot 2023-07-28 at 22.31.03
Screenshot 2023-07-28 at 22.31.031318×683 101 KB

18 Likes
Weird...videos changed in my topic
2

Seem like something that should be official ?

8 Likes
3

Very good function, solved a big problem!!! Thank you!! And the official should include this plug-in!!!

2 Likes
4

There is an issue. With iPad anyway, others I didn’t check.

The image shows a computer screen displaying the homepage of a website with various sections, such as Topics, Build Actions, Bulletin, and more. (Captioned by AI)
The image shows a computer screen displaying the homepage of a website with various sections, such as Topics, Build Actions, Bulletin, and more. (Captioned by AI)2360×1640 376 KB

Five selected. Showing selected rows that way is strange and in the beginning it was’t like that. If I select all and start scrolling that blue goes gradiently deeply and deeply, and at some point DiscourseHub crashes (that crashing can be another issue of DiscourseHub and iPad, though).

But there is a conflict with Topic List Previews.

"A screenshot of a web browser displaying a research paper from a trusted academic site, with a focus on geology and history." (Captioned by AI)
"A screenshot of a web browser displaying a research paper from a trusted academic site, with a focus on geology and history." (Captioned by AI)1920×1334 137 KB

Everything (aka. 30 in Discourse lingo) is selected. The text says so too, but there is only one selected. And if everything should be cleared, it actually erases only one selection and moves check mark one step downwards.

I let you guys armwrestle is that a real confict or does it come from Discourse or what. But selection with gradient blue just doesn’t work :smirking_face:

1 Like
5

Hello :wave: Yeah, it seems this issue is on Safari, not too much likes table with position: relative;. I think that is not possible to make it with css. But I’ve fixed it with Javascript, we had to calculate the topic-list-item height and use it to the bulk-select overlay height.
https://github.com/VaperinaDEV/full-row-bulk-select/pull/1

Thanks for the report :slight_smile:

2 Likes
6

Thanks! It works nicely now [1]

  1. except with Topic List Previews, but that issue is just cosmetic ↩︎

1 Like
7

I think it is now
https://github.com/discourse/discourse/pull/36102

1 Like