Skip to content

Navbar dropdown on iOS#14603

Closed
jesperkc wants to merge 1 commit into
twbs:masterfrom
jesperkc:patch-1
Closed

Navbar dropdown on iOS#14603
jesperkc wants to merge 1 commit into
twbs:masterfrom
jesperkc:patch-1

Conversation

@jesperkc

Copy link
Copy Markdown

In the navbar, open one dropdown.
After open another, without closing the first.
This will cause the 'dropdown-menu' to be cut off as you can see here:
http://jsbin.com/jeyuwi/1

Removing .translate3d(0, 0, 0); seems to fix this.

In the navbar, open one dropdown.
After open another, without closing the first.
This will cause the 'dropdown-menu' to be cut off as you can see here:
http://jsbin.com/jeyuwi/1

Removing .translate3d(0, 0, 0); seems to fix this.
@cvrebert cvrebert added the css label Sep 12, 2014
@cvrebert

Copy link
Copy Markdown
Collaborator

Not seeing any visual bug with Safari v7.0.6, Firefox, or Chrome, all on OS X.
I think @mdo has an iPad for testing though.

@hnrch02 hnrch02 added this to the v3.2.1 milestone Sep 12, 2014
@hnrch02

hnrch02 commented Sep 12, 2014

Copy link
Copy Markdown
Collaborator

I can confirm this using Safari on my iPad running iOS 7.1.2.
Safari 7.0.6, Chrome 38.0.2125.58 beta, Firefox 32.0.1 and Opera 24.0.1558.53 on OS X 10.9.4 are not affected.

@hnrch02

hnrch02 commented Sep 12, 2014

Copy link
Copy Markdown
Collaborator

Related to #14227. translate3d was introduced by #13649.

@cvrebert

Copy link
Copy Markdown
Collaborator

I can reproduce on my iPhone 5S running iOS 7.0.4.

@cvrebert cvrebert changed the title Navbar dropdown on iPad Navbar dropdown on iOS Sep 12, 2014
@hnrch02

hnrch02 commented Sep 12, 2014

Copy link
Copy Markdown
Collaborator

Interestingly, I can't reproduce on my iPhone 5 also running iOS 7.1.2. @cvrebert Any chance you could update to >=7.1?

@hnrch02

hnrch02 commented Sep 12, 2014

Copy link
Copy Markdown
Collaborator

I'm also unable to reproduce in the iOS Simulator 7.1. Retesting now on my iPad also makes me unable to reproduce. I'm only able to reproduce on my iPad when the view is zoomed in significantly.

@hnrch02

hnrch02 commented Sep 22, 2014

Copy link
Copy Markdown
Collaborator

I was finally able to reproduce this in the iOS Simulator 8. Here's a screencap:
Screencap

mdo added a commit that referenced this pull request Sep 22, 2014
…oid iOS rendering problems and ensure a more predictable base styling
@mdo

mdo commented Sep 22, 2014

Copy link
Copy Markdown
Member

Fixed in #14667.

@mdo mdo closed this Sep 22, 2014
@cvrebert

cvrebert commented Oct 3, 2014

Copy link
Copy Markdown
Collaborator

We should file an iOS WebKit bug about this.

@cvrebert cvrebert reopened this Oct 3, 2014
Saranya-Raaj pushed a commit to Saranya-Raaj/bootstrap that referenced this pull request Oct 9, 2014
…rs to avoid iOS rendering problems and ensure a more predictable base styling
@hnrch02

hnrch02 commented Oct 23, 2014

Copy link
Copy Markdown
Collaborator

@cvrebert You wanna take care of filing that bug report?

@hnrch02 hnrch02 removed this from the v3.3.0 milestone Oct 23, 2014
@cvrebert

Copy link
Copy Markdown
Collaborator

WebKit bug filed: https://bugs.webkit.org/show_bug.cgi?id=138162

@cvrebert

Copy link
Copy Markdown
Collaborator

Safari bug filed: http://openradar.appspot.com/18804973

@cvrebert

Copy link
Copy Markdown
Collaborator

@hnrch02 Would appreciate if you could join the CC list of https://bugs.webkit.org/show_bug.cgi?id=138162

@hnrch02

hnrch02 commented Oct 29, 2014

Copy link
Copy Markdown
Collaborator

Done.

stempler pushed a commit to stempler/bootstrap that referenced this pull request Nov 4, 2014
…n navbars to avoid iOS rendering problems and ensure a more predictable base styling
@twbs twbs locked and limited conversation to collaborators Jul 12, 2020
@twbs twbs deleted a comment from Malmee-work Jul 12, 2020
Sign up for free to subscribe to this conversation on GitHub. Already have an account? Sign in.

Projects

None yet

Development

Successfully merging this pull request may close these issues.

4 participants