Opened 10 years ago
Closed 5 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)
Change History (6)
Changed 10 years ago by
Attachment: | margins.html added |
---|
Changed 10 years ago by
Attachment: | margins-workaround.html added |
---|
Simple HTML demonstrating workaround
comment:1 Changed 10 years ago by
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 10 years ago by
Component: | General → Dijit |
---|---|
Owner: | anonymous deleted |
comment:3 Changed 8 years ago by
Milestone: | tbd → future |
---|---|
Summary: | Tooltop position wrong with body position: relative + margin: auto → Tooltip: position wrong with body position: relative + margin: auto |
comment:4 Changed 5 years ago by
Milestone: | future → 1.12 |
---|---|
Resolution: | → patchwelcome |
Status: | new → closed |
Given that no one has shown interest in creating a patch in the past 4+ years, I'm closing this as patchwelcome.
Simple HTML demonstrating issue