They always obscure part of the text, no matter what. I juat want the full text.

nb that I use KES so maybe that’s where the issue is?

Edit: should probably mention that this is on mobile, android

Edit 2: the code snippet below, provided by @pamasich, seems to have fixed the issue. I added it to my mobile browser (Firefox nightly) via the Stylus add-on:

div.more:not(:nth-child(1 of .more)) {
    display: none;
}

Edit 3: Latest KES update seems to have fixed the issue. More deets here: https://kbin.social/m/enhancement/t/777616 Thanks @shazbot

You are viewing a single thread.
View all comments View context
1 point
*

Thank you. For me it shows up as a grey bar with an arrow in it (it then becomes two bars when pressed); that might be based on color scheme. But, yes, toggling various KES mods didn’t affect it the issue, so it’s very likely that it’s a Kbin issue. Surprised no one else has mentioned it, if that’s the case! It seems to just block out the last couple of lines afaik

permalink
report
parent
reply
1 point

I wasn’t able to reproduce the issue on a default kbin setup with KES either on off. The “always expand post bodies” feature of KES only applies to bodies, but I could extend it to support comments as well so that they auto-expand. What I didn’t observe was any situations where the expansion bar obscures the text. Do you have a screenshot of that?

Are you running a custom theme?

permalink
report
parent
reply
2 points

I know what they mean, because I have the same issue on my work pc (but not at home). I forgot it happens because the personal userstyle I’m using includes CSS to fix this issue entirely.

@speck get yourself Stylus if you don’t have it already and try this CSS which works perfectly for me:

div.more:not(:nth-child(1 of .more)) {
    display: none;
}

Can’t guarantee it works with kbin’s built in custom CSS functionality, as that one seems to filter out some selectors (no logic behind which).


@shazbot
Basically, what happens without that CSS is that

  1. Clicking the bar once scrolls me down a bit but otherwise does absolutely nothing.
  2. Clicking the bar again turns the arrow upwards and spawns a new bar above the existing one.
  3. Clicking the upper bar repeats step 1.
  4. Clicking the upper bar again turns the arrow upwards but doesn’t spawn another bar, nor does it do anything else.
  5. Clicking the lower bar removes the upper one again and turns the arrow back downwards.

At no point is the comment ever expanded. When OP says it obscures text, that’s just the default state where only x lines of the comment are shown and the bar covers the last line(s). The issue is the comment can’t be expanded, so it keeps obscuring the text even when clicked as nothing actually moves.

Looking at the HTML source, I can see five instances of the bar existing at once on the same comment.

I tested just now to turn off my scripts one by one and KES was the culprit. Disabling it fixed the issue. I’ll try checking which feature is causing it.

permalink
report
parent
reply
2 points
*

@shazbot @speck

For me, the culprit is the collapsible comments mod (or the standalone script if you’re using that one).

edit: The root cause seems to be lines 182 to 190. But the actual troublemaker appears to be on kbin’s side, not KES. When the mod’s main function finishes, the comment still only has only one .more element like when it began.

I’ve disabled all other mods and userscripts, so it’s not one of those. Also just tried to disable KES (and even the monkey) entirely, running the script from the console instead. No change either, it’s still happening.

The code fragment in question copies the comment into a new children container. I’m thinking this probably makes some part of kbin confused, leading to the issues we’re seeing.
It might be best to just include the userstyle I’m using in the CSS added by the mod.

This is the code between lines 182 and 190, removing which prevents the issue:

let children = previousComment.querySelector('.children');
if (!children) {
    // If not, create one
    children = document.createElement('div');
    children.className = 'children';
    previousComment.appendChild(children);
}
// Insert comment into children container
children.prepend(comment);

permalink
report
parent
reply
2 points

Great breakdown of the issue!

I have screenshots of the phenomena in another comment:

https://kbin.social/m/kbinMeta/t/762229/-/comment/4603033

That code snippet seems to work I’m new to stylus, but I think I did it correctly and it allowed me to expand and read your two longer comments here. Thank you for that!

permalink
report
parent
reply
1 point

Thank you. I’ll take some screenshots in the next day as I come across them. No custom theme, just the color schemes offered by stock kbin.

permalink
report
parent
reply
1 point

See if this link works:

https://cdn.imgchest.com/files/w7w6clmml5y.png

Funny enough, I was able to somehow press enough times or the right way to reveal all the text. But usually at least the last line is cut off

permalink
report
parent
reply

/kbin meta

!kbinMeta@kbin.social

Create post

Magazine dedicated to discussions about the kbin itself. Provide feedback, ask questions, suggest improvements, and engage in conversations related to the platform organization, policies, features, and community dynamics. ---- * Roadmap 2023 * m/kbinDevlog * m/kbinDesign

Community stats

  • 1

    Monthly active users

  • 1.3K

    Posts

  • 13K

    Comments

Community moderators