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 bill)

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 bill

Description: modified (diff)
Milestone: tbd1.6.1
Owner: set to bill
Status: newassigned
Summary: ColorPicker grid boxes don't scale properly with browser zoom on webkitColorPalette: grid boxes don't scale properly with browser zoom on webkit

comment:2 Changed 8 years ago by bill

Resolution: fixed
Status: assignedclosed

(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.

Note: See TracTickets for help on using tickets.