search

yamho / dat-gui

Automatically exported from code.google.com/p/dat-gui
0 stars 0 forks source link

Rendering problems with Color Controller in Chrome #30

Open GoogleCodeExporter opened 8 years ago

GoogleCodeExporter commented 8 years ago 
What steps will reproduce the problem?
1. open 
http://workshop.chromeexperiments.com/examples/gui/#4--Color-Controllers with 
Chrome/Chromium on osx
2.
3.

What is the expected output? What do you see instead?
The color picker is not rendered correctly and does not work. On Chromium the 
hue slider is rendered below the saturation/value box, which is not updated 
properly. See attachments.

What version of the product are you using? On what operating system?
Latest version of Chrome (25.0.1364.26 dev)  and Chromium (26.0.1380.0 (176058) 
) on osx 10.8 

Please provide any additional information below.

Rendering seems to be correct with Safari/Firefox.

test.html

<!DOCTYPE html>
<html>
<head>
  <script type="text/javascript" src="http://dat-gui.googlecode.com/git/build/dat.gui.min.js"></script>
</head>
<body>
  <script type="text/javascript">
    var MyObj = function() {
    this.x = 5;
    this.color = [0, 255, 255];
    };

    var obj = new MyObj();
    var gui = new dat.GUI();
    gui.add(obj, 'x');
    gui.addColor(obj, 'color');
  </script>
</body>
</html>

Original issue reported on code.google.com by thecolou...@gmail.com on 10 Jan 2013 at 11:12

Attachments:

GoogleCodeExporter commented 8 years ago 
Was this ever fixed ? :(

Original comment by outers...@gmail.com on 12 Feb 2015 at 5:04

GoogleCodeExporter commented 8 years ago 
No. At least not that I am aware of.

Original comment by paul.liv...@gmail.com on 21 Feb 2015 at 4:49

GoogleCodeExporter commented 8 years ago 
After setting your gui and appending it to your container just execute the 
following:

$(".hue-field").width( 10 );

Original comment by merus...@gmail.com on 1 May 2015 at 5:24

GoogleCodeExporter commented 8 years ago 
Can you be more specific on how you would add this:

$(".hue-field").width( 10 );

to the simple code above?

Original comment by danielli...@gmail.com on 18 Jun 2015 at 4:20

GoogleCodeExporter commented 8 years ago 
Nevermind. I figure it out.

Original comment by danielli...@gmail.com on 19 Jun 2015 at 4:11

GoogleCodeExporter commented 8 years ago 
This bug is present in Chromium on Windows 7 too (Version 43.0.2357.130 m 
(64-bit)).
It manifests only when the browser zoom is less than 100%.

Original comment by simole...@gmail.com on 30 Jun 2015 at 1:23