How to make the editor-toolbar always be visible with long tiddlers but with preview simultaneously scrolling?

[Surya]

Hi,

I can adjust the height of the editor in the editor. Then the editor toolbar is always be visible (when I don't scroll away from the tiddler).

But unfortunately then both sides (texteditor-side and preview-side) are scrolling separately. What can I do, so that they scroll simultaneously- like if I would choose "Adjust the editor height to the content"?

Hope, you had a nice christmas :-)
Bettina

[TonyM]

Bettina

In a tiddler tagged $:/tags/Stylesheet 

I have the following css

.tc-editor-toolbar {

  position:sticky;

  position: -webkit-sticky;

  position: sticky;

  top: 45px; /* distance to stick from top, e.g if you use top bar */

  left:0;

  width:100%;

  font-size:.90em; 

  padding:0;

  border:5px solid transparent;

  background: white;

  z-index: 1;

}

This causes the editor tool bar to scroll down the page, may answer your source problem because it seems to have a bug when using preview causes the edit and preview to scroll together and the editor tool bar does not move.

My Problem may be your solution :)

Tony

[Surya]

Hi Tony,

a happy new year :-)

Sorry for late answering- I didn't had any time working on my wikis or to try your suggest.

No, that didn't work....
They still scroll separately and the editor toolbar is not always visible, it disappears with scrolling down.

I tried it also with top: 100 - top 1000.

.tc-editor-toolbar {
  position:sticky;
  position: -webkit-sticky;
  position: sticky;

  top: 500px; /* distance to stick from top, e.g if you use top bar */

  left:0;
  width:100%;
  font-size:.90em;
  padding:0;
  border:5px solid transparent;
  background: white;
  z-index: 1;
}

Maybe it is important for you to know: I use the PopupTagger - TagBar / TagTable with popup list of tags.

......?

[TonyM]

Surya,

I think this problem is out of my depth for now, sorry.

Hopefully someone else can help?

Tony

[Mark S.]

I think this thread (which you have already seen) has the best selection of possibilities:

  https://groups.google.com/forum/#!topic/tiddlywiki/xO-lhnwYyZs

There is also this discussion on making the toolbar sticky:

  https://groups.google.com/forum/#!msg/tiddlywiki/QcKMCNWeRpY/m5sPjM2TAwAJ

In general, tiddlers are supposed to be small enough that this is never a problem. So a possibility is to break your text into editiable chunks that get viewed by a separate tiddler.

-- Mark

[Surya]

Okay,

I tested them all- they all don't work for me :-(

Most of my tiddlers in all my wikis are very small. But some are longer and cannot be broken down into pieces (small stories, how-to's).

But okay, I don't die, if a sticky editor toolbar isn't possible.... for my few occasions. it just would have been nice to have.