search

sailingsumo / 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 9 years ago

GoogleCodeExporter commented 9 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 9 years ago 
Was this ever fixed ? :(

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

GoogleCodeExporter commented 9 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 9 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