[Webkit-unassigned] [Bug 34295] New: Native Slider: Vertical slider thumb image is incorrect

Thu Jan 28 17:25:45 PST 2010

https://bugs.webkit.org/show_bug.cgi?id=34295

           Summary: Native Slider: Vertical slider thumb image is
                    incorrect
           Product: WebKit
           Version: 528+ (Nightly build)
          Platform: PC
        OS/Version: Mac OS X 10.5
            Status: UNCONFIRMED
          Severity: Normal
          Priority: P2
         Component: Forms
        AssignedTo: webkit-unassigned at lists.webkit.org
        ReportedBy: webdood at technologist.com
                CC: adele at apple.com, marchant at mac.com

Created an attachment (id=47662)
 --> (https://bugs.webkit.org/attachment.cgi?id=47662)
Vertical sliderThumb with corrected blue highlight

The image for the sliderThumb on a vertical <input type="range"> Native Slider
should have a blue "aqua" highlight that runs vertically.

The desired optics are to emulate looking through a blue glass button to the
sliderTrack beneath it.  As such, the darker blue highlight in the sliderThumb
should run vertically like the sliderTrack.

Now, you have it right where the little gray tracking bits to the left/right
(for horizontal) or above/below (for vertical) appear on the sliderThumb, but
the blue highlight is not right for vertical sliderThumbs.

I have attached a corrected image for your convenience.

shannon norrell

TEST HARNESS:
==========
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
        "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
  <title>HTML5 Slider (input type="range") Test</title>
  <style type ="text/css">
/* Vertical Slider */
input[type="range"].verticalSlider{
  -webkit-appearance: slider-vertical;
  width:20px;
}
input[type="range"].verticalSlider::-webkit-slider-thumb {
  -webkit-appearance: sliderthumb-vertical;
}
  </style>
</head>
<body>

<input type="range" style="height:100px;" class="verticalSlider" />
</body>
</html>

-- 
Configure bugmail: https://bugs.webkit.org/userprefs.cgi?tab=email
------- You are receiving this mail because: -------
You are the assignee for the bug.