DropDown (NestedSliders) dropping way down !!!

20 views
Skip to first unread message

skye riquelme

unread,
Jan 26, 2009, 8:56:13 AM1/26/09
to TiddlyWiki
Hi Again (it was a busy, productive and slightly frustrating night!!!)

I have a page where the MainMenu has a few simple dropdown lists
(using NestedSlidersPlugin) that appear half-way down the page....I can
´t see what is causing this behaviour...or how to resolve it....I´d
prefer that the drop down lists....well, dropdown from their origin
location..

Skye

The MainMenu reads -

+++^@[People |People]
<<tiddler People>>
===
+++^*@[ Locations|Locations]
<<tiddler Locations>>
===

nothing here to create the problem !!!

Eric Shulman

unread,
Jan 26, 2009, 9:31:55 AM1/26/09
to TiddlyWiki
> I have a page where the MainMenu has a few simple dropdown lists
> (using NestedSlidersPlugin) that appear half-way down the page....I can
> ´t see what is causing this behaviour...or how to resolve it....
> +++^@[People |People]
> <<tiddler People>>
> ===
> +++^*@[ Locations|Locations]
> <<tiddler Locations>>
> ===

What's happening is that the slider panel position is being
automatically offset from the slider button by an amount equal to the
offset between the button and the origin (e.g., if the button is
approx. 2 inches down the page, the slider will then appear approx 2
inches below the button)

I've run into this same issue myself, and the problem only seems to
occur if the floating sliders are rendered within the MainMenu, due to
the particular CSS that the browser needs to use when positioning the
MainMenu DOM element within the document.

Fortunately, there is a workaround: wrap each nested slider within a
'relative' element, which establishes a new offset origin for
calculating the slider panel position. Like this:

@@position:relative;+++^@[People]
<<tiddler People>>
===@@@@position:relative;+++^*@[Locations]
<<tiddler Locations>>
===@@

That should fix things for you...

enjoy
-e
Eric Shulman
TiddlyTools / ELS Design Studios

skye riquelme

unread,
Jan 26, 2009, 9:50:38 AM1/26/09
to TiddlyWiki
Perfect !!!!

Not sure I understand all your explanation.....but it works now!!!!!

Strange that it was working fine, untill I changed to a different
theme....guess the StyleSheet messes things up...somhow!

Thanks
Skye
Reply all
Reply to author
Forward
0 new messages