Display issue of half truncated letter in BuddyPress Group Activity Page

[krupajnanda]

On the BuddyPress group activity page, a filter is present that displays various values for users to filter activities.
The default value contains a hyphen and a space. Due to this, when clicking on it, no letters are getting truncated.
Conversely, selecting other filters from the dropdown causes the very first character to not display properly.

Possible Solution: This issue can be resolved by consistently adding hyphens and spaces for all the values.

[imath]

Hi @krupajnanda

Thanks for your feedback. This is specific to the BP Nouveau template pack.

What about using   ?

[krupajnanda]

@imath Thanks for confirming.

This is specific to the BP Nouveau template pack.

Yes, this is specific to it only.

What about using   ?

Hmm..! Well not sure if we should use it. I believe it needs modification same as the very first element of the drop-down value.

E.g.

<option value="0">— Everything —</option>

What is your thought on this? @imath

[krupajnanda]

@imath Any thought on this?

[imath]

Well I’ve tested it with Twenty Twenty Two and the text is not truncated. My guess is it might be resolved with better css rule. I’ll come back on it later 👌

[espellcaste]

I can't replicate this. ¯\_(ツ)_/¯

[sourabh.matolia]

I checked on the latest 'Twenty Twenty-Five' theme, I can replicate the issue.

Check which CSS property is causing the issue here:
​https://prnt.sc/TUo4iJaIEqJd

After removing the property it looks fine:
​https://prnt.sc/1Un_pMk-coku