CSS/JavaScript overflow Chrome bug?

Question

I'm desperate. Im trying to make custom form styling JS, it all works flawlessly, except I got this bug (only in Chrome).

https://i.sstatic.net/f9CIu.png https://i.sstatic.net/9yZKA.png

When you click on the select twice, or you click on the list while its loading it jumps to left.

Only Chrome does this, other browsers seems to be OK. Any ideas? Im trying to solve this for 3 hours with no success...

The problem doesnt occur when I put "overflow: hidden" on the DIV that contains the input... The list is positioned absolutely, so I dont understand why it interacts with surrounding elements...

Please create a self-contained jsfiddle.net demo and post your code here as well. If this other page is your demo site, and you fix it or remove it, the question becomes useless for future visitors. Screenshots could be useful too. Kind of related meta question: meta.stackexchange.com/questions/125997/…. — Felix Kling
– Felix Kling, Commented Mar 20, 2013 at 19:46
Maybe fix the javascript error as well "if(x >= $(this).offset().left && x <= $(this).offset().left + $(this).outerWidth() &&" => "Uncaught TypeError: Cannot read property 'left' of null" — Danack
– Danack, Commented Mar 20, 2013 at 19:53
Felix: You're right, sorry. I was just afraid that I wont re-create the bug in the jsfiddle. It looks like the its just so stupid (my mistake) that Ill probably ask to delete the question >.< — manWe
– manWe, Commented Mar 20, 2013 at 20:23
Danack: Yes, I deleted most parts of the JS, so I probably deleted something too much :) I didnt have the error normally. — manWe
– manWe, Commented Mar 20, 2013 at 20:24

Pankaj Phartiyal · Accepted Answer · 2013-03-20 19:52:04Z

2

Increase the table width to say 250px (limiting width is 199px). Its happening as table can't contain the select control at some point of time so it goes down. Select field collapses because table width is reduced by 2px for some reason (most probably CSS). Have some extra width to avoid that.

answered Mar 20, 2013 at 19:52

Pankaj Phartiyal

1,6911 gold badge12 silver badges23 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

manWe Over a year ago

My goodess. Thank You. I just... just... my goodness. 3 hours. Table width. I should really take a rest...

Collectives™ on Stack Overflow

CSS/JavaScript overflow Chrome bug?

1 Answer 1

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related