Recent updates have caused issues with node positioning in Streams

This is best illustrated with an example. To reproduce:

Go to the streams demo that uses TiddlyWiki version 5.2.2. Edit a node and it looks like this:

Now upgrade to version 5.3.1, and edit the same node and it looks like this:

Note the overlap - this is causing problems with selecting text when in edit mode.

I don’t know if this counts as an issue with Streams or with TiddlyWiki itself, but does anyone know what might be causing this and how to fix it?

Tested in Chromium.

:slight_smile:

Hi @Sii, I think I know what the underlying issue is. Previously the core added a significant bottom margin to the text editor, which Streams compensated for with CSS. I believe that has been addressed in the core so the CSS in Streams is no longer necessary.

Add this CSS in a tiddler tagged $:/tags/Stylesheet and let me know if it resolves the problem:


.tc-tiddler-frame .stream-node-block input.tc-edit-texteditor, .tc-tiddler-frame .stream-node-block textarea.tc-edit-texteditor, .tc-tiddler-frame .stream-node-block iframe.tc-edit-texteditor {
    margin-bottom: unset;
}
2 Likes

Yes that fixes it, thank you for the quick response! :slight_smile: