Skip to content

HTTPS clone URL

Subversion checkout URL

You can clone with
or
.
Download ZIP

Loading…

Sometimes the horizontal alignment of dropdown menu is incorrect #326

Closed
Ian-Y opened this Issue · 15 comments

2 participants

@Ian-Y

Today my client informed me that the dropdown menu I implemented for him is incorrect in horizontal alignment in a big screen.

Actually the client inform me about that is not the first time I encountered such an issue. In my previous projects, I sometimes noticed it, too. It sometimes occurs, and sometimes it fixes itself. That's odd.

fig 1

@fnagel
Owner

Please provide a demo fiddle #61 to reproduce the issue.

@Ian-Y

Can't really provide a demo now. Because I don't know when it will occur. Sometimes it occurs, and sometimes it doesn't. I have many such experiences in the past.

@fnagel
Owner

In this case I must assume this due to your CSS and / or HTML Structure and / or interfering JavaScript. Dropdown style is based purely upon the jQuery UI Position Plugin which is pretty solid.

Additionally, there were no other positioning issues reported lately.

@Ian-Y

Okay. Thanks.

@Ian-Y

Could you please advise on the possible cause? Like what kind of CSS and / or HTML structure might affect the horizontal position? It is still happening in my another project.

@fnagel
Owner

Hard to say. Try firebug or a similar HTML inspector to find out what could cause the issue.

@Ian-Y

This issue keeps happening. And I really don't know what the problem is. Sometimes the dropdown is even way off to the right. Could you please help check the problem?

Here is a demo.

@fnagel
Owner

Sorry - I see no obvious issues on your page but you heavily modified the Selectmenu button CSS. Try to revert this to default, perhaps this broke the positioning functionality.

Try to remove parts of the html and css until you find the issue triggering part of your code.

@Ian-Y

I found a way to solve the left offset issue. If the body has a scrollbar (you can test that by adding css overflow: scroll), the issue is gone. Do you have an idea about the cause?

@fnagel
Owner

No, but it seems you're right. Could it be this is related to the * { box-sizing: border-box; } statement?

@Ian-Y

I just tested that. Nope.

@fnagel
Owner

Any feedback on this issue?

@Ian-Y

Not actually a feedback, but I still couldn't get it fixed so I had to manually adjust it using "open" event.

@fnagel
Owner

Mhh ok, so I could probably close this issue, right?

@Ian-Y

Yeah.

@fnagel fnagel closed this
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Something went wrong with that request. Please try again.