[TW5] Strange behaviour of tag pills in 3 column mode in 5.0.8-beta

[Ton Gerner]

At http://tw5toolbar.tiddlyspot.com/ I use a 'List tags' button that opens a tiddler that contains:

---

@@.threecolumns
<div>

{{$:/core/ui/MoreSideBar/Tags}}

</div>
@@

A style sheet contains:

/* DISPLAY IN 3 COLUMNS */
/* for List all tags */
.threecolumns {
     display: block;
     column-count: 3;
     -moz-column-count: 3;
     -webkit-column-count: 3;
}

With TW5.0.8-beta this works in Firefox v27, but not (anymore) in Chrome v33 (all in Windows 7 64-bit).
It still does work in TW5.0.7-beta and Chrome v33.

One of the changes in TW5.0.8-beta is the addition of the 'Tag manager'.
Leaving that button out (copying only part of the code of $:/core/ui/MoreSideBar/Tags in a tiddler) did not help.

The strange thing is that the 'untagged' tag pill works as expected, the other tag pills don't. It looks like the "clickable area" for the tag pills has been shifted outside the tag pills:

Just above $/tags/PageTemplate (at the left side of the button) you can click and $:/tags/ViewToolbar opens!
Just above $/tags/PageControls (at the left side of the button) you can click and $:/tags/ViewTemplate opens!
Just above $/tags/stylesheet (at the left side of the button) you can click and Documentation opens!
Just below $:/tags/AdvancedSearch (at the left side of the button) you can click and $/tags/stylesheet opens!

Internet Explorer v11 works normal, Opera 12 shows only 2 colums, misses the last tag pills but the tag pills can be clicked.

For the time being I will skip the 3 column mode but I am curious what happens: strange behaviour of TW5.0.8-beta, Chrome, or the combination of TW and Chrome?

Any idea?

Cheers,

Ton

[Jeremy Ruston]

Hi Ton

That's very interesting. Do you have a 5.0.7 version of tw5toolbar for comparison?

Many thanks,

Jeremy

--
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+...@googlegroups.com.
To post to this group, send email to tiddl...@googlegroups.com.
Visit this group at http://groups.google.com/group/tiddlywiki.
For more options, visit https://groups.google.com/groups/opt_out.

--
Jeremy Ruston
mailto:jeremy...@gmail.com

[Ton Gerner]

Hi Jeremy,

Yes I have a 5.0.7 version: https://dl.dropboxusercontent.com/u/2638511/TW5_toolbar_v4.6.html

Cheers,

Ton

[Jeremy Ruston]

Very odd. Both versions are actually producing identical markup for the tiddler in question. We must be somehow tickling a bug in Chrome, I guess. I'll investigate further,

Best wishes

Jeremy

[Ton Gerner]

Hi Jeremy,

Although there are more important things, it is intriguing and I could not resist in digging a little bit deeper ;)

To investigate it further, I tested with different devices (PCs, iPad, Nexus 7) , OSes (Windows, Linux, iOS, Android), and browsers at my disposal.
For a complete 'test story' see [1] (Latest news > Problems with tag pills).

Summary of the results:

1) The problem started with TW5.0.8-beta; TW5.0.7-beta did behave in all cases as expected.
2) Webkit based browsers (Chrome, Opera, Safari) do show this strange behaviour in combination with TW5.0.8-beta.
3) Although the tag pills are 'clickable' with Internet Explorer, there is no 'normal' behaviour in combination with TW5.0.8-beta:
    a) Dependent on the (place of) the clicked tag, going to 1 or 2 column mode
    b) Dependent on the (place of) the tag clicked, the dropdown list is broken in 2 or 3 parts.

So TW5.0.8 affects all web-kit based browsers, but also Internet Explorer (although this seems a different problem).

Hope that helps.

Cheers,

Ton

[1] http://tongerner.tiddlyspot.com/

[Ton Gerner]

Hi Jeremy,

Just curious if you found anything about this strange web-kit behaviour and 5.0.8-beta.

Cheers,

Ton

[Jeremy Ruston]

Hi Ton

I don't have anything else to report. As I said above, the 5.0.7 and 5.0.8 versions produce identical HTML which makes it very hard to deduce what is going on. I rather ran out of ideas, I'm afraid. The problem only manifests itself on WebKit; Firefox is OK, and Internet Explorer 11 is OK (but suffers a different problem; see below).

I'd welcome any help with tracking the problem down.

Sorry not to be more helpful,

Best wishes

Jeremy

[Ton Gerner]

Hi Jeremy,

OK, I was just curious. We have to live with it for the time being ;-)
I am afraid I can only help with testing (as I did).

Cheers,

Ton

[Ton Gerner]

Hi Jeremy,

Just to inform you; although it doesn't help ;-)

The good news is that with v5.0.10-beta the tag pills are clickable again with webkit based browsers.

The bad news is that Opera and Chrome now behave more or less like Internet Explorer: when clicked the windows are misformed (and sometimes displaced and/or 'splitted' displayed).

Tested with:
Windows 7 64-bit
Chrome v34.0.1847.131
Opera (portable) v12.17
Internet Explorer v11.0.9600.17041

N.B. Firefox v29.0 works OK.

Cheers,

Ton

[Tobias Beer]

Much belated,

You can now use the widget tobibeer/appear as announced here

to remedy the problem of cut-off popup contents.

Best wishes,

Tobias.