Opened 9 years ago
Closed 8 years ago
#10959 closed defect (fixed)
ColorPalette: grid boxes don't scale properly with browser zoom on webkit
| Reported by: | Chris Mitchell | Owned by: | bill |
|---|---|---|---|
| Priority: | high | Milestone: | 1.6.1 |
| Component: | Dijit | Version: | 1.4.2 |
| Keywords: | Cc: | ||
| Blocked By: | Blocking: |
Description (last modified by )
ColorPalette grid boxes don't scale properly with browser zoom. Run theme tester, select Color Picker pane on left side. Zoom in/out. Seen on webkit browsers. Seen on Safari4 and Chrome 5.0.342.9 beta (Mac OSX). Found using latest trunk version with claro theme. Could be zoom bug in webkit?
Change History (2)
comment:1 Changed 8 years ago by
| Description: | modified (diff) |
|---|---|
| Milestone: | tbd → 1.6.1 |
| Owner: | set to bill |
| Status: | new → assigned |
| Summary: | ColorPicker grid boxes don't scale properly with browser zoom on webkit → ColorPalette: grid boxes don't scale properly with browser zoom on webkit |
comment:2 Changed 8 years ago by
| Resolution: | → fixed |
|---|---|
| Status: | assigned → closed |
Note: See
TracTickets for help on using
tickets.
(In [23979]) In non-high-contrast mode, use background-color CSS for color swatches, rather than an image. In high-contrast mode, make each color swatch contain an <img> node that loads the entire palette image, but scrolls/clips it to only show the color for that swatch.
This change avoids swatch/border alignment issues on webkit with a zoom setting, and alignment issues in other browsers, even when not zoomed, that started in 1.6, as seen in #12386.
Note that webkit never enters high contrast mode; even when the machine is set to high-contrast mode, the browser still displays background images. So webkit will always using background-color CSS.
Fixes #3919, #10959, #12386 in trunk/ and 1.6/ branch, !strict.