Ticket #514 (new defect)

Opened 2 years ago

Last modified 17 months ago

List of Tags overwritten by table title

Reported by: lyallp Owned by: JeremyRuston
Priority: trivial Milestone: 3.0
Component: core Version: 2.2.05
Severity: trivial Keywords:
Cc:

Description

Using Firefox 2.0.0.12, under Linux.

The title of a table column can overlay a tag in the tag display (to the right of a displayed tiddler) When this happens, it only happens if the table is wide, the table title text overlays a tag and makes it unclickable as well as unreadable. I think this is due to the fact that the tag display is transparent. For example, using this table in a new tiddler with tags TagThing AnotherTagThing moreTags

|!table|!headings|!overwrite|!tags|!box|!aLongerHeading|
|this is a demonstration|of the fact that table headings|overwrite the tags|box on the right| of the tiddler display area|see this demo|

Resize the browser window until until the effect is seen.

This is in tiddlywiki 2.3.0 (I cannot select 2.3.0 in the Version dropdown, whilst creating this ticket)

I am not entirely sure how to get around this, maybe the tag display 'box' as a movable iframe instead?

Change History

Changed 2 years ago by EricShulman

The tags display is a 'float right' element. The contents of the table are word-wrapped so the table width is automatically adjusted to fit the available width, to the left of the tags display, so that the two element do NOT overlap.

However, when the window size is small enough and the table contents cannot be word-wrapped any further (because each cell is equal to the width of the longest *non-breakable word* it contains), the table becomes "non-compressable", and begins to overlap the tags area.

If you substitute a very long non-breakable piece of TEXT in place of the table then, when the window is small enough, the browser's layout logic automatically moves the origin of the text so it falls below the bottom of the floated tags display, and doesn't overlap. In Internet Explorer, this logic is also automatically applied to the table, and it is moved below the tags display and doesn't overlap.

However, in FireFox? and Safari, the table origin is NOT adjusted accordingly, and the table DOES overlap the tags display.

While unfortunate, this is a browser-level difference in rendering that is probably not correctable from within TiddlyWiki.

Changed 2 years ago by MartinBudden

  • milestone set to 2.4

Changed 2 years ago by MartinBudden

  • milestone changed from 2.4 to 2.5

Changed 17 months ago by FND

  • milestone changed from 2.5.1 to 3.0

This issue should be reconsidered when creating an enhanced default theme.

Note: See TracTickets for help on using tickets.