Opened 8 years ago

Closed 4 years ago

#12233 closed defect (patchwelcome)

Tooltip: position wrong with body position: relative + margin: auto

Reported by: bucky Owned by:
Priority: low Milestone: 1.13
Component: Dijit Version: 1.5
Keywords: Cc:
Blocked By: Blocking:

Description

I often like to set a width on the <body> element, plus position: relative, plus margin:auto to create a centered layout.

Under those circumstances, I've noticed tooltips end up being in the wrong position.

The workaround is straightforward and fairly simple, but it would be nice if a workaround were unnecessary.

Attachments (2)

margins.html (1.3 KB) - added by bucky 8 years ago.
Simple HTML demonstrating issue
margins-workaround.html (1.3 KB) - added by bucky 8 years ago.
Simple HTML demonstrating workaround

Download all attachments as: .zip

Change History (6)

Changed 8 years ago by bucky

Attachment: margins.html added

Simple HTML demonstrating issue

Changed 8 years ago by bucky

Attachment: margins-workaround.html added

Simple HTML demonstrating workaround

comment:1 Changed 8 years ago by bucky

PS: View issue by viewing example page, and make sure that the browser window is wide enough so that there is a left margin on the page content.

Trigger ValidationTextBox? tooltip by leaving box blank, and then blur and focus the text box.

The tooltip will be too far to the right by a distance that seems to be equal to the left margin.

I see the issue in the current stable versions of Firefox (3.6.13) and Chrome (8.0.552.237)

comment:2 Changed 8 years ago by bill

Component: GeneralDijit
Owner: anonymous deleted

comment:3 Changed 7 years ago by bill

Milestone: tbdfuture
Summary: Tooltop position wrong with body position: relative + margin: autoTooltip: position wrong with body position: relative + margin: auto

comment:4 Changed 4 years ago by dylan

Milestone: future1.12
Resolution: patchwelcome
Status: newclosed

Given that no one has shown interest in creating a patch in the past 4+ years, I'm closing this as patchwelcome.

Note: See TracTickets for help on using tickets.