Thanks Jed. I can see that this style works for me as well on TiddlyWiki.com but it stopped working when I changed the storyview from 'classic' to 'zoomin' (I use the latter in my personal TW), so this seems to be the issue.
I should mention that removing the transition property and adding the depth (z-index) value of 999 had no effect. It seems to me that patching the 'zoomin' storyview-related tiddler(s) could enable this functionality, unless there's something less 'destructive' to be tried first, which I'm not aware of. Thanks, Hubert On Tuesday, 11 December 2018 12:34:16 UTC, Jed Carty wrote: > > That is odd. > > I went onto tiddlywiki.com, created a new tiddler and put this in the > text field: > > > <div style='position: fixed; > top: 0; > left: 200px; > width: 300px; > height: 100px; > background-color: darkred; > color: white; > text-align: center; > padding: 10px; > border: none; > border-radius: 2px; > box-shadow: 10px 15px 30px grey; > transition-duration: 0.4s;'> > Bloop > </div> > > and the div was floating at the top of the view port as expected. So the > concept should work and the error would be something else. > > I suspect that the problem may be from z-sorting. The div will be hidden > behind some other tiddlers, I am not sure how the z order is set. Try > adding z-index:999; to the style and see if the problem remains. > > If that doesn't fix it then it may be from whatever the > transition-duration is controlling, I have had lots of trouble with css > transitions working inconsistently. > -- You received this message because you are subscribed to the Google Groups "TiddlyWiki" group. To unsubscribe from this group and stop receiving emails from it, send an email to tiddlywiki+unsubscr...@googlegroups.com. To post to this group, send email to tiddlywiki@googlegroups.com. Visit this group at https://groups.google.com/group/tiddlywiki. To view this discussion on the web visit https://groups.google.com/d/msgid/tiddlywiki/0276059c-3f13-4d7d-bdd9-0f84a67eecb8%40googlegroups.com. For more options, visit https://groups.google.com/d/optout.
