Design for Safari 15

RSS for tag

Discuss the WWDC21 session Design for Safari 15.

View Session

Posts under wwdc21-10029 tag

15 Posts
Sort by:
Post not yet marked as solved
1 Replies
1.6k Views
I'm trying to generate a page with a fixed header which has the same color as theme-color and therefore the address bar. I tried to use grid layout or just position: fixed, both have undesired effects. grid, example: https://2qzht.csb.app The content only scrolls with mouse-wheel (or touch on mobile). It's not scrollable on Apple Watch with the crown. fixed, example: https://cdv9k.csb.app Content is scrollable with keyboard and Apple Watch crown. The translucent address bar in Safari 15 now shows the content as it scrolls by and therefore distorting the experience with having the same color at the top of the page including the address bar. I didn't find a fix for the scrolling issue and didn't find anything to disable the translucent address bar or even set the color to the same value as the address bar (including the translucent effect). I found (on some apple pages) that "backdrop-filter: saturate(180%) blur(20px);" might deliver a similar effect, but this is still different than the address bar and breaks if a background-image is used. Is there any way to fix those?
Posted
by
Post not yet marked as solved
2 Replies
620 Views
I just downloaded ios15 on my iPad Pro and was struck by the small size of the icons. After looking carefully in the settings, I did not find the usual way to increase the size of the icons … i am old and i need all the help i ca get! This is my first fore-ray into asking questions, too bad it is not a more sophisticated problem.
Posted
by
Post not yet marked as solved
3 Replies
2.5k Views
There are always spaces above and below the page. The following is the code. <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0, viewport-fit=cover"> <link rel="stylesheet" href="./index.css"> <title>Document</title> </head> <body> <p>Hellow World!</p> </body> </html> html { height: 100%; background-image: linear-gradient(45deg, #ff9a9e 0%, #fad0c4 99%, #fad0c4 100%); background-color: aquamarine; } body { margin: 0; } The screenshot device is iPhone 12. In order to demonstrate more clearly, I set the background-color. I want to make the gradient fill full screen.
Posted
by
Post not yet marked as solved
0 Replies
330 Views
My developer build hybrid from MacOS Server known as Sever has offered the public the opportunity to upload over 30 of Orlandos-imac-pro.local/profilemanager#/apps/ from Server as it pushed these apps directly to safari to unknown to me users labeled as everyone. Where are these apps located?
Posted
by
Post not yet marked as solved
0 Replies
306 Views
Scheduled Summary of Notifications does not allow me to turn it on. I tap the slider, apps appear, I select the apps and then it automatically turns off.
Posted
by
Post not yet marked as solved
0 Replies
337 Views
Hi there, I would like to find out if there are test codes I can get invited to? Thank you all. Have a great day
Posted
by
Post not yet marked as solved
1 Replies
298 Views
I've been having issues with Safari browner and pinned tabs for a few months now. I tried to unpin and delete a tab but every time I reboot it brings back those deleted tabs. I thought the update to 15.1 would fix it. I can't even pin new tabs because they disappear. I have reinstalled Monterey. I have deleted all history and cookies and nothing is working. I logged into a different user account and that Safari has no problems. I ran a malware scan and still nothing. This is very frustrating. I've googled and googled to find someone with the same issue but I can't find anything! HELP!
Posted
by
Post not yet marked as solved
0 Replies
236 Views
Y'all really made safari the ugliest web browser. Looking for a futuristic design doesn't mean you have to put all in a disorder. The search bar at the botton is probably the worst idea y'all had because when I'm typing I dont know where I'm at(on the web) and if my page freezes with the keyboard that's activated. I'm forces to re-launch the broswer though I didn't need to on the older version of safari. I'd also would like to let you know that when we look at all the recent windows we now have exactly the same interface as Google Chrome. So not well done AppleDevs.
Posted
by
Post not yet marked as solved
0 Replies
433 Views
Hey, I'm having an issue with element with position:sticky and hight:auto that starts with IOS 14 version on mobile and on Safari 15 desktop. the issue make the element that should scroll on top of the sticky element to scroll behind and pop to the front in a very buggy manner. you can find an example in this site(https://www.tedy.info/category/מחלקת-מוזיקה) please your quick response about the issue that mentioned thanks is advanced
Posted
by
Post not yet marked as solved
1 Replies
401 Views
I learned there are two types of safari extensions . Web extensions and app extensions . We are currently developing a safari web extension . The extension requires access on all web sites by default (without user granting permissions) . But there is no provision for same in web extension . However the same can be achieved in app extension by including safari website access  in info.plist . Please clarify why there is no provision to achieve the same in web extension . However same is provided in app extension .
Posted
by
Post not yet marked as solved
2 Replies
343 Views
The app worked fine until iphonee users started to upgrade to iOS 15.4. Since then the WKNavigationDelegate decidePolicyFor navigationAction method is not being called by the webview. Does anyone experience this?
Posted
by
Post not yet marked as solved
1 Replies
220 Views
I keep seeing people with this issue being told to turn off GPU: Process and Capture. However my phone doesn’t have either. All my apps and phone are up to date. I’ve restarted it as well. No idea what else to do?
Posted
by
Post not yet marked as solved
1 Replies
215 Views
I developed a Japanese website in good function but after the ios upgraded to 15.4 the css on the wordpress custom post is crashed. there is no problem on the developer view, but in the actual ios devices is crashed. how could I fix this issue if I don't see where is the error?
Posted
by
Post not yet marked as solved
0 Replies
142 Views
Hi, I have managed to change the safari tab colour to a fix colour however, I am looking for solution to change the colour based on the header colour. Our website uses different colour headers based on services Eg. https://simbaa.com.au/services/web-consulting-strategy-agency/digital-marketing-strategist-agency/ https://simbaa.com.au/services/digital-marketing-agency/growth-hacking-agency-helium1/ https://simbaa.com.au/services/web-ecommerce-design-development-agency/ecommerce-shopify-wordpres-magento-agency/ Thanks, Dhawal
Posted
by