javascript - dropdown content get buried on iPad and Safari -


the site in question: americandream.org.es/en

i have been working on bug 2 days now. main navbar has several clickable buttons dropdown content. on chrome desktop (where designed it) works fine regardless of how resize window (responsively adapts desktop, ipad, , mobile display modes), , same true firefox , internet explorer desktop. mobile version works in safari, chrome, , firefox on iphone 5.

however, dropdown content not appear on click on actual ipad in browser have tested (firefox, chrome, or safari) , not appear in safari desktop, either. while dropdown content displays in chrome browser desktop, debugger chrome not display dropdown content, either, shows box dropdown content should displayed.

i can see in chrome debugger class .dropdown-content.show activate , change display: none display: block on click, buried behind other page content. when delete other page content, can see dropdown content indeed toggling , displaying properly.

so deducing problem has how safari , browsers on ios ipad understand z-index? navigation bar has z-index: 9999, .dropdown-content should inherit, know there more z-index biggest number shows on top.

but wrong , how fix it? have tried manually specifying opacity: 1 , z-index: 9999 .dropdown-content, , have tried adding -webkit-transform: translate3d(0,0,0) hack described here , here override ipad , force hardware acceleration, maybe not implementing hack correctly? have display settings set wrong in navbar css? confused how exact same javascript , display settings work fine in every browser on iphone no browser on ipad.

any insight appreciated. started teaching myself web design month ago, i'm sure it's simple mistake, lost.

removing overflow:hidden ul.topnav allow dropdown show


Comments

Post a Comment

Popular posts from this blog

aws api gateway - SerializationException in posting new Records via Dynamodb Proxy Service in API -

i getting "__type": "com.amazon.coral.service#serializationexception" as reply in postman & in test console in api gateway trying post record directly dynamodb using api proxy services.. referring aws article - https://aws.amazon.com/blogs/compute/using-amazon-api-gateway-as-a-proxy-for-dynamodb/ here's mapping { "tablename": "tablenamegoeshere", "item": { "id" : "$context.requestid" "eventname" : "$input.path('$.eventname')", "timestamp" : $input.path('$.timestamp'), "answers": "$util.parsejson($input.path('$.answers'))" } } update: did asked ... , worked if try add array of json objects gives me above same error - here's trying now. please - couldnt find on google well #set($inputroot = $input.path('$')) { "tablename": "answer", "item": {
Read more

asp.net - Problems sending emails from forum -

i have been redesigning site has message board, has been written guy looked after site. it has few problems , written in .asp , uses .mdb files database. you can see whole thing here . feel free post if helps, test thing have set using original files , new database. the basic problem when posts message, supposed email sent them, have posted it. when replies, originator supposed message, replier has been posted. i’d have thought @ point in process there should script/file in postmessage.asp? the postmessage.asp page below. <% option explicit %> <!-- #include virtual="common/adovbs.inc" --> <html> <head> <meta http-equiv="content-type" content="text/html; charset=windows-1252"> <meta name="generator" content="microsoft frontpage 4.0"> <meta name="progid" content="frontpage.editor.document"> <title>new page 2</title> <base target="_self"
Read more