Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Jump to bottom

Rendering problems with Color Controller in Chrome #30

Open
GoogleCodeExporter opened this issue Jan 28, 2016 · 6 comments
Open

Rendering problems with Color Controller in Chrome #30

GoogleCodeExporter opened this issue Jan 28, 2016 · 6 comments
Labels
auto-migrated Priority-Medium Type-Defect

Comments

@GoogleCodeExporter
Copy link 

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
Copy link
Author 

Was this ever fixed ? :(

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

@GoogleCodeExporter
Copy link
Author 

No. At least not that I am aware of.

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

@GoogleCodeExporter
Copy link
Author 

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
Copy link
Author 

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
Copy link
Author 

Nevermind. I figure it out.

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

@GoogleCodeExporter
Copy link
Author 

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

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Assignees
No one assigned
Labels
auto-migrated Priority-Medium Type-Defect
Projects
None yet
Milestone
No milestone
Development

No branches or pull requests
1 participant
@GoogleCodeExporter