Design for Safari 15

RSS for tag

Discuss the WWDC21 session Design for Safari 15.

View Session

Posts under wwdc21-10029 tag

16 Posts

Post

Replies

Boosts

Views

Activity

Safari 15 Tab theme-color per page
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
Topic: Safari & Web SubTopic: General Tags:
0
0
1.3k
May ’22
css is crashed in ios 15.4.1
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?
Topic: Safari & Web SubTopic: General Tags:
1
0
793
May ’22
Safari Web extension allow access all websites permissions - need clarification
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 .
Topic: Safari & Web SubTopic: General Tags:
1
0
1.7k
Mar ’22
Safari 15 how to remove the spacing at top and bottom of a webpage
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.
Topic: Safari & Web SubTopic: General Tags:
3
0
6.5k
Feb ’22
sticky position element with hight:auto bug on mobile ios and Safari 15 desktop
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
Topic: App & System Services SubTopic: Core OS Tags:
0
0
1k
Jan ’22
Why?
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.
Topic: Safari & Web SubTopic: General Tags:
0
0
490
Dec ’21
Safari 15 and 15.1
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!
Topic: Safari & Web SubTopic: General Tags:
1
0
609
Nov ’21
iPad ios 15 question
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.
Topic: Safari & Web SubTopic: General Tags:
2
0
976
Oct ’21
Safari 15 theme-color and translucent address bar
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?
Topic: Safari & Web SubTopic: General Tags:
1
0
3.1k
Sep ’21
Safari Uploader at Server app
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?
Topic: Safari & Web SubTopic: General Tags:
0
0
537
Jul ’21
Can You Make Linear Gradients in The Safari 15 Tab Bar, if so how?
I am working on a weather site and it heavily uses gradients in the background for many items. When I went to view the site in the new version of safari the tab bar was just white. How can I make it so that the tab bar has a gradient just like the rest of my site. Also can the gradient be fluid with the background. Where the gradient continues into the tab bar. Thanks.
Topic: Safari & Web SubTopic: General Tags:
0
0
595
Jul ’21
Safari 15 Tab theme-color per page
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
Topic: Safari & Web SubTopic: General Tags:
Replies
0
Boosts
0
Views
1.3k
Activity
May ’22
css is crashed in ios 15.4.1
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?
Topic: Safari & Web SubTopic: General Tags:
Replies
1
Boosts
0
Views
793
Activity
May ’22
WKNavigationDelegate not called users 15.4
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?
Topic: Safari & Web SubTopic: General Tags:
Replies
2
Boosts
0
Views
1k
Activity
Apr ’22
Black video with sound but no GPU: Process
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?
Topic: Safari & Web SubTopic: General Tags:
Replies
1
Boosts
0
Views
818
Activity
Apr ’22
Safari Web extension allow access all websites permissions - need clarification
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 .
Topic: Safari & Web SubTopic: General Tags:
Replies
1
Boosts
0
Views
1.7k
Activity
Mar ’22
Safari 15 how to remove the spacing at top and bottom of a webpage
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.
Topic: Safari & Web SubTopic: General Tags:
Replies
3
Boosts
0
Views
6.5k
Activity
Feb ’22
sticky position element with hight:auto bug on mobile ios and Safari 15 desktop
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
Topic: App & System Services SubTopic: Core OS Tags:
Replies
0
Boosts
0
Views
1k
Activity
Jan ’22
Why?
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.
Topic: Safari & Web SubTopic: General Tags:
Replies
0
Boosts
0
Views
490
Activity
Dec ’21
Safari 15 and 15.1
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!
Topic: Safari & Web SubTopic: General Tags:
Replies
1
Boosts
0
Views
609
Activity
Nov ’21
iPad ios 15 question
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.
Topic: Safari & Web SubTopic: General Tags:
Replies
2
Boosts
0
Views
976
Activity
Oct ’21
Safari 15 theme-color and translucent address bar
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?
Topic: Safari & Web SubTopic: General Tags:
Replies
1
Boosts
0
Views
3.1k
Activity
Sep ’21
Invitation Codes
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
Topic: Safari & Web SubTopic: General Tags:
Replies
0
Boosts
0
Views
549
Activity
Aug ’21
OS 15 beta 4 public version
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.
Topic: Safari & Web SubTopic: General Tags:
Replies
0
Boosts
0
Views
440
Activity
Aug ’21
Dragging elements causes the floating tab bar to open and close, how can I prevent that?
Interacting with elements on my page via clicks does not toggle the floating tab bar; however, dragging elements up and down toggles the floating tab bar, event multiple times during the same drag. How can I prevent this undesirable behavior?
Topic: Safari & Web SubTopic: General Tags:
Replies
0
Boosts
0
Views
591
Activity
Aug ’21
Safari Uploader at Server app
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?
Topic: Safari & Web SubTopic: General Tags:
Replies
0
Boosts
0
Views
537
Activity
Jul ’21
Can You Make Linear Gradients in The Safari 15 Tab Bar, if so how?
I am working on a weather site and it heavily uses gradients in the background for many items. When I went to view the site in the new version of safari the tab bar was just white. How can I make it so that the tab bar has a gradient just like the rest of my site. Also can the gradient be fluid with the background. Where the gradient continues into the tab bar. Thanks.
Topic: Safari & Web SubTopic: General Tags:
Replies
0
Boosts
0
Views
595
Activity
Jul ’21