Dropdown menu in Safari

Misty · 30th April 2012, 00:28

Hey all, we're having a problem with the Post Templates dropdown box. It seems to be appearing only in Safari. It's difficult to explain so I've attached three screenshots; the first is what it looks like from the Quick Reply box, the second is the same thing just scrolled up a bit, and the third is the issue on iOS devices. It seems to be most severe on the iOS devices--you can still select them on the regular Safari browser, but they don't appear at all on iOS.

Image 1
Image 2
Image 3

As you can see it's happening on the default style in the first two, will try to check iOS on the default style shortly.

Belazor · 30th April 2012, 00:59

Unfortunately we are unable to guarantee support for advanced JS features when it comes to mobile devices

Misty · 30th April 2012, 02:01

Originally Posted by Belazor

Unfortunately we are unable to guarantee support for advanced JS features when it comes to mobile devices

Fair enough, I know mobiles can be a pain, especially iOS.

It's occurring on the desktop version of Safari as well, though. Any ideas?

Belazor · 30th April 2012, 15:40

Are you sure it's on the latest version of Safari? Chrome is also using a WebKit-based rendering engine, and it works fine there.

I'm not 100% certain whether Safari is among the browsers we actively support, but in either case I'm not doing anything different with the PT menu than vB is with the Font and Size menus in CKEditor.

Do those work fine in Safari for you?

Belazor · 30th April 2012, 16:35

Update: I believe I've fixed it; open up dbtech_posttemplates.css under CSS Templates and add below the width,

Code:

	height: 170px !important;

This fixes the height on both desktop and mobile Safari, however there's still no menu items on mobile Safari (checked on an iPad 2 running iOS 5.1)

This edit will become standard in the next PT update

Misty · 30th April 2012, 17:44

Originally Posted by Belazor

Update: I believe I've fixed it; open up dbtech_posttemplates.css under CSS Templates and add below the width,

Code:

	height: 170px !important;

This fixes the height on both desktop and mobile Safari, however there's still no menu items on mobile Safari (checked on an iPad 2 running iOS 5.1)

This edit will become standard in the next PT update

Might be a silly question but all I've got in dbtech_posttemplates.css is this:

Code:

<link rel="stylesheet" type="text/css" href="{vb:raw vbcsspath}dbtech_posttemplates.css" />

Don't recall uploading a css file for this mod and I don't store CSS as files.

Belazor · 30th April 2012, 18:03

No, that's dbtech_posttemplates_css.

dbtech_posttemplates.css (notice dot instead of underscore) is under the CSS Templates heading and contains the actual CSS

Misty · 30th April 2012, 19:36

Originally Posted by Belazor

No, that's dbtech_posttemplates_css.

dbtech_posttemplates.css (notice dot instead of underscore) is under the CSS Templates heading and contains the actual CSS

Whoops! My bad.

That seems to have done it though, thank you! (:

vBulletin 5 Mods & Upgrades

Go Custom With Dragonbyte-tech

Become one of our happy customers

Serving some of your favourite companies

Want to test our full range of products?

DragonByte Tech Is Hiring!

Join In Our Feedback Surveys

View Issue Info: Dropdown menu in Safari

User Tag List

Thread: Dropdown menu in Safari

Forum: vB Post Templates

LinkBack

Thread Tools

Display

Dropdown menu in Safari

Thread Information

Users Browsing this Thread

Similar Threads

[vB 3.8.x] No vbmail menu in admincp

Dropdown menu's have sublink menu's?

Postbit Dropdown Menu Styling

Tags for this Thread

Bookmarks

Bookmarks

Posting Permissions