Hypertext Markup Language (HTML) is the standard markup language for documents designed to be displayed in a web browser.

Posts under HTML tag

200 Posts

Post

Replies

Boosts

Views

Activity

Videos in Reader Mode
Hello, My company and I have recently built a website for a client that has since launched and we discovered that some gated content is visible under Safari's reader mode. Is it possible to prevent videos loading in Safari's reader mode/disable them in reader mode? Thanks
0
0
874
Jun ’23
Grep can't handle my file.
I have an app on my mac that generates an html file. There are different versions of this file. When the file is generated, Folder Actions triggers a bash script that uploads the file to my web site. This version of the file is wacked. I need to identify this file so I can upload a replacement instead. This version can be identified by the presence of the word JazzKnob. Grep can't find this text. Sed doesn't work either. Neither does awk. How can I successfully identify this file? nowplaying.html
4
0
869
Jun ’23
Voiceover HTML table caption issue on iOS
We are currently experiencing a usability issue in our App. We also discovered this issue for sites in Safari as well. While using Voiceover in iOS 13.3+, we've discovered that VO skips all tables that are using a caption. This occurs when a user swipes to read the contents of the page. We also observed that using the "rotor" and choosing tables, it will not recognize that there is a table on the page. This has been repeated by multiple users on different devices. Our testing also encompassed VO on macOS Catalina and VO worked as expected for all tables we tested. Has anyone else come across this issue?
6
1
3.7k
Jun ’23
Support to Install google Chrome browser on Simulator
I am Web developer, and I needs multiple screen layout things, it's obvious that all the web browser supports debugging, inspection, and responsive mode, and it's enough for web frontend developer, but currently I notice that CSS is not working in safari, as it working in Google Chrome, because earlier both works parallel and similar. I tried using clear cache and history, which works earlier, but this time not.
0
1
2k
May ’23
[iPad][Safari] A blank space appear on the page with initial-scale=1.0 when the screen orientation is changed
I have a page with the following meta tag: . When the user changes the screen orientation (portrait/landscape), a blank space appears on the right. However, if I remove the "initial-scale=1.0" from the meta tag, everything works fine without any blank space. Steps to reproduce: Create a page and add the meta tag with initial-scale=1.0 (or just add the meta tag with initial-scale=1.0 to any existing page). Open the page in portrait screen orientation (make sure everything is OK). Change the screen orientation to landscape (make sure everythig is OK). Change the screen orientation to portrait - a blank space will appear on the right. Expected result: The page will adjasted according to the new orientation. Actial result: Blank space appears on the right. Device: iPad 10th iOS 16
0
0
781
May ’23
Apple Mail images loading inconsistently depending on hosting platform
I am representing a cPanel based web hosting provider having issues with images not loading through Apple Mail client on iOS/OSX in some cases; seems like something with a recent update as this is a new complaint and we haven't changed anything on our end. This issue is reproduceable on multiple customer and technician devices, including but not limited to Phone SE third gen 2022 iOS 16.5 Beta Mac (Ventura 13.3.1 (22E261)) iPhone iOS 16.4.1 All devices are running the latest available version of the Apple Mail app from the store. To reproduce the issue all we have to do is send an HTML message containing an image with a src tag to a location on our server, and the image won't load in Apple Mail. Other email clients work fine on the same device, and the user can visit the images directly using their web browser, and they load fine. On the device side, we have confirmed that we are not blocking remote content, and that Apples mail privacy features are disabled. Cellular connection or WIFI, does not matter. With testing, we've confirmed this is not related to the IP address, or SSL certificate directly and feel it has something to do with the HTTP headers or SSL cipher settings. This was determined as a result of an A/B test with the same VPS server, same network, same IP address, same images, the only difference was that during the first test, Apache is used and the images won't load at all, and during the second test Nginx is used in front of Apache as a reverse proxy, which allows the images to load normally. The exact same LetsEncrypt based SSL is used in both tests since it's the same underlying server with the only difference SSL wise being some different ciphers supported on Apache vs Nginx. We're still trying to work with the cPanel team to compare the HTTP headers and see if we can't find a specific function or flag causing the problem, but if anyone else has any suggestions we'd be thrilled to hear them as this issue is causing our clients grief.
1
0
1k
May ’23
Vimeo video cut-off issue on iPhone/iPad when exiting fullscreen with viewport-fit=cover attribute.
I am experiencing an issue with my iPad/iPhone app that was created using Add to Home Screen in Safari. When I remove a Vimeo video from fullscreen mode, the top of the window gets cut off, making it difficult to view the content. The only way I've been able to fix the issue is by changing the orientation of the device. I have noticed that this issue occurs only when the viewport meta tag has the attribute viewport-fit=cover. Has anyone else encountered this issue? Any suggestions on how to resolve it would be greatly appreciated. Before Fullscreen After Fullscreen
0
0
666
May ’23
HTML select/input not showing in Webapp on iOS 15 and later, if app is on home screen
We are deploying a .net Webapp and running it on iOS and Android devices. On iOS 15 and later, if the app is on the homescreen, then run, put in background and then come back, all inputs like datepicker and selects are not working anymore. So if you click on the select, nothing happens. A restart of the app helps, but if the app is set in background, the same happens again. I've read from others having the same problems, is there anything done against it? Also tried this for iOS 15.4 Beta 4. At the moment we are asking our customers to use the app in safari and not on the homescreen to prevent the freezing. One example input and select: <input data-clear-btn="false" data-db-class="some_db_class" data-db-name"some_db_name" data-db-typ="date" type="date" id="some_id" value="" data-inline="true"> <select data-mini="true" data-inline="true" class="some_class" <option value="-1">Auswahl treffen...</option> <option value="0">Beispiel</option> </select>
8
2
5.6k
May ’23
Domain bound SMS Otp autofill not working in WKWebView (but does in Safari)
When using SMS with the domain bound format (https://developer.apple.com/news/?id=z0i801mg) the autofill gets correctly suggested in Safari, but it doesn't in a WKWebView (on iOS). You can easily try this yourself by navigating to "https://icloud.com" and logging in with "didn't receive code" -> "send message to ...". In Safari you will get the SMS and it will suggest you to insert the code from messages. In a WKWebView you get the SMS and nothing happens. The format Apple is using is: "Your Apple ID code is: 123456 Do not share it with anyone. @icloud.com #123456 %apple.com" If you now ask someone to send you an sms with the following content it will correctly suggest the autofill: "Your Apple ID code is: 123456 Do not share it with anyone." Another weird difference is that with the Safari autofill it triggeres a paste in the html input, but in WKWebView it forcefully sets the value of the html input. Why are those implementations so different? Is there any way of getting domain bound SMS otp working with WKWebView?
1
0
1.4k
Apr ’23
WKWebView configuration mediaTypesRequiringUserActionForPlayback not working after iOS 16.3.1 update
Hi, I am using WkWebView to display some dynamic content made in cocos creator game engine. For sound to play without user interaction I was using the "mediaTypesRequiringUserActionForPlayback" flag for WKWebViewConfiguration as '0' i.e. no user interaction is required to play audio/video. The above setting was working fine and sound autoplay was working up untill iOS 16.0, after updating my iPad to iOS 16.3.1 the autoplay of sound stopped working. It can only be played if I call AudioContext.resume() on user interaction. Can anyone advice how to get the audio autoplay working correctly again. Thanks
2
0
1.6k
Apr ’23
Enabling autoplay on Safari for Fairplay protected premium contents
Hi Guys,We are aware that Apple have already included the media autoplay blocking mechanism in the Safari browsers. We strongly agree on this step to minimize abusive use of annoying video advertisements that plays annoying audio loud enough to blast a hole on your sound system.But what we are not really aware of is if Apple have reserved a way to facilitate autoplay for websites that offer protected premium LIVE streaming services like ours. Could you guys point us to where we might find this? This autoplay block is really affecting the user experience on our service and we are receiving a lot of complains from customers. Instructing our clients to enable autoplay manually on Safari for our website is really becoming costly for us.Bigger streaming websites such as youtube doesnt seem to be affected by these changes. Probably because of some exceptions of the rules that are pre-installed on Safari or in the way they are using autoplay. Would you guys be kindly enough to tell us how youtube is able to use autoplay while others cannot? Is it because of some special agreement they have with Apple or is there any established rules that we need to comply in our code to make Safari enable autoplay for our application?Best regards,
12
0
15k
Apr ’23
[IOS14, 15] Button Click event does not work at the end of CSS animation
https://codesandbox.io/s/react-typescript-popuptest-q0bn0d?file=/src/App.tsx Here's a simple project with a modal that has a CSS fade-in animation. The modal window has a close button, but in iOS 14-15 safari, the modal does not disappear when I click the button when the fade effect ends. (It works on other OS such as Windows, MACOS, and Android) https://www.youtube.com/watch?v=BLYgK08BZkU If you watch this video, you can see that the modal window doesn't disappear when I click the button at the end of the animation What is the cause of this problem, and is there a solution?
0
0
737
Apr ’23
HTML Video element, not working after iosSafari15 update
hi, after update(ios15.0) of my iPhone12, video element on my website, what im using as video background of website has stopped working. all others browsers is working properly. all i can see is white blank background instead of background video. it looks like video cannot be loaded or played. html: <video playsinline       autoplay       muted       loop       class="uvodna__bg-video" >     <source src="/wp-content/themes/imtsmile2021/video/bg-video.mp4" type="video/mp4" /> </video> can you recommend me some tips to fix that issue? thank you
27
3
40k
Apr ’23
Has the <input type = "date"> display of iPadOS 14.5 changed in Japanese?
After updating iPadOS14.5, the input type = "date" tag of the html file is now displayed as "Apr 27. 2021" in the iOS app. Until now, it was displayed as "2021/04/27". The date input calendar displayed when tapping the input area is still displayed in Japanese. How can I display in the format of "2021/04/27" on iPadOS 14.5? I also searched for formatting options, but couldn't find them.
3
0
1.9k
Apr ’23
Does getUserMedia works on iOS?
Since iOS 11, getUserMedia is supposed to finally work on Apple devices.But in fact it does not work.The JavaScript sample code below works on all other OS: Blackberry, Android, etc...Except on iOS as usual.navigator.getUserMedia = ( navigator.getUserMedia || navigator.webkitGetUserMedia || navigator.mozGetUserMedia || navigator.msGetUserMedia || navigator.mediaDevices.getUserMedia);navigator.getUserMedia({video: true ,audio: false}, gotStream, noStream);function gotStream(stream){ video.src = getUrl(stream);}When executed on a https connection, it asks for webcam detection, but nothing appears on the video: blank.It is the same issue as described by other developers below:https://stackoverflow.com/questions/45692526/ios-11-getusermedia-not-workingWas somebody able to have getUserMedia works on iOS?
8
0
29k
Apr ’23
Videos in Reader Mode
Hello, My company and I have recently built a website for a client that has since launched and we discovered that some gated content is visible under Safari's reader mode. Is it possible to prevent videos loading in Safari's reader mode/disable them in reader mode? Thanks
Replies
0
Boosts
0
Views
874
Activity
Jun ’23
Grep can't handle my file.
I have an app on my mac that generates an html file. There are different versions of this file. When the file is generated, Folder Actions triggers a bash script that uploads the file to my web site. This version of the file is wacked. I need to identify this file so I can upload a replacement instead. This version can be identified by the presence of the word JazzKnob. Grep can't find this text. Sed doesn't work either. Neither does awk. How can I successfully identify this file? nowplaying.html
Replies
4
Boosts
0
Views
869
Activity
Jun ’23
Copy image to Clipboard
is it possible to copy image to Clipboard using Javascript
Replies
1
Boosts
0
Views
1.2k
Activity
Jun ’23
PWA vs Ionic Application vs Wrapped website in Ionic application
Hey, I read the guidelines of the App Store and saw that repackaged website will be declined. Buts, an ionic application is basically a wrapped website and PWA as well. So I don't really understand the guidelines. Is there someone or somewhere I cam message to ask and get a formal answer? Thanks in a advance.
Replies
1
Boosts
0
Views
1.1k
Activity
Jun ’23
Voiceover HTML table caption issue on iOS
We are currently experiencing a usability issue in our App. We also discovered this issue for sites in Safari as well. While using Voiceover in iOS 13.3+, we've discovered that VO skips all tables that are using a caption. This occurs when a user swipes to read the contents of the page. We also observed that using the "rotor" and choosing tables, it will not recognize that there is a table on the page. This has been repeated by multiple users on different devices. Our testing also encompassed VO on macOS Catalina and VO worked as expected for all tables we tested. Has anyone else come across this issue?
Replies
6
Boosts
1
Views
3.7k
Activity
Jun ’23
Support to Install google Chrome browser on Simulator
I am Web developer, and I needs multiple screen layout things, it's obvious that all the web browser supports debugging, inspection, and responsive mode, and it's enough for web frontend developer, but currently I notice that CSS is not working in safari, as it working in Google Chrome, because earlier both works parallel and similar. I tried using clear cache and history, which works earlier, but this time not.
Replies
0
Boosts
1
Views
2k
Activity
May ’23
[iPad][Safari] A blank space appear on the page with initial-scale=1.0 when the screen orientation is changed
I have a page with the following meta tag: . When the user changes the screen orientation (portrait/landscape), a blank space appears on the right. However, if I remove the "initial-scale=1.0" from the meta tag, everything works fine without any blank space. Steps to reproduce: Create a page and add the meta tag with initial-scale=1.0 (or just add the meta tag with initial-scale=1.0 to any existing page). Open the page in portrait screen orientation (make sure everything is OK). Change the screen orientation to landscape (make sure everythig is OK). Change the screen orientation to portrait - a blank space will appear on the right. Expected result: The page will adjasted according to the new orientation. Actial result: Blank space appears on the right. Device: iPad 10th iOS 16
Replies
0
Boosts
0
Views
781
Activity
May ’23
foreignObject in safari
Using foreignObject in svg will cause the element display to be misaligned, is this by design or has this bug itself, and if it is a bug itself, is there a plan to fix the problem?
Replies
0
Boosts
0
Views
1.2k
Activity
May ’23
Apple Mail images loading inconsistently depending on hosting platform
I am representing a cPanel based web hosting provider having issues with images not loading through Apple Mail client on iOS/OSX in some cases; seems like something with a recent update as this is a new complaint and we haven't changed anything on our end. This issue is reproduceable on multiple customer and technician devices, including but not limited to Phone SE third gen 2022 iOS 16.5 Beta Mac (Ventura 13.3.1 (22E261)) iPhone iOS 16.4.1 All devices are running the latest available version of the Apple Mail app from the store. To reproduce the issue all we have to do is send an HTML message containing an image with a src tag to a location on our server, and the image won't load in Apple Mail. Other email clients work fine on the same device, and the user can visit the images directly using their web browser, and they load fine. On the device side, we have confirmed that we are not blocking remote content, and that Apples mail privacy features are disabled. Cellular connection or WIFI, does not matter. With testing, we've confirmed this is not related to the IP address, or SSL certificate directly and feel it has something to do with the HTTP headers or SSL cipher settings. This was determined as a result of an A/B test with the same VPS server, same network, same IP address, same images, the only difference was that during the first test, Apache is used and the images won't load at all, and during the second test Nginx is used in front of Apache as a reverse proxy, which allows the images to load normally. The exact same LetsEncrypt based SSL is used in both tests since it's the same underlying server with the only difference SSL wise being some different ciphers supported on Apache vs Nginx. We're still trying to work with the cPanel team to compare the HTTP headers and see if we can't find a specific function or flag causing the problem, but if anyone else has any suggestions we'd be thrilled to hear them as this issue is causing our clients grief.
Replies
1
Boosts
0
Views
1k
Activity
May ’23
Vimeo video cut-off issue on iPhone/iPad when exiting fullscreen with viewport-fit=cover attribute.
I am experiencing an issue with my iPad/iPhone app that was created using Add to Home Screen in Safari. When I remove a Vimeo video from fullscreen mode, the top of the window gets cut off, making it difficult to view the content. The only way I've been able to fix the issue is by changing the orientation of the device. I have noticed that this issue occurs only when the viewport meta tag has the attribute viewport-fit=cover. Has anyone else encountered this issue? Any suggestions on how to resolve it would be greatly appreciated. Before Fullscreen After Fullscreen
Replies
0
Boosts
0
Views
666
Activity
May ’23
HTML select/input not showing in Webapp on iOS 15 and later, if app is on home screen
We are deploying a .net Webapp and running it on iOS and Android devices. On iOS 15 and later, if the app is on the homescreen, then run, put in background and then come back, all inputs like datepicker and selects are not working anymore. So if you click on the select, nothing happens. A restart of the app helps, but if the app is set in background, the same happens again. I've read from others having the same problems, is there anything done against it? Also tried this for iOS 15.4 Beta 4. At the moment we are asking our customers to use the app in safari and not on the homescreen to prevent the freezing. One example input and select: &lt;input data-clear-btn="false" data-db-class="some_db_class" data-db-name"some_db_name" data-db-typ="date" type="date" id="some_id" value="" data-inline="true"&gt; &lt;select data-mini="true" data-inline="true" class="some_class" &lt;option value="-1"&gt;Auswahl treffen...&lt;/option&gt; &lt;option value="0"&gt;Beispiel&lt;/option&gt; &lt;/select&gt;
Replies
8
Boosts
2
Views
5.6k
Activity
May ’23
page load input box focus on
hi. The event that gives focus to input box without user action does not apply when page opens on iPhone mobile web, is this is ios policy?
Replies
0
Boosts
0
Views
778
Activity
May ’23
Domain bound SMS Otp autofill not working in WKWebView (but does in Safari)
When using SMS with the domain bound format (https://developer.apple.com/news/?id=z0i801mg) the autofill gets correctly suggested in Safari, but it doesn't in a WKWebView (on iOS). You can easily try this yourself by navigating to "https://icloud.com" and logging in with "didn't receive code" -> "send message to ...". In Safari you will get the SMS and it will suggest you to insert the code from messages. In a WKWebView you get the SMS and nothing happens. The format Apple is using is: "Your Apple ID code is: 123456 Do not share it with anyone. @icloud.com #123456 %apple.com" If you now ask someone to send you an sms with the following content it will correctly suggest the autofill: "Your Apple ID code is: 123456 Do not share it with anyone." Another weird difference is that with the Safari autofill it triggeres a paste in the html input, but in WKWebView it forcefully sets the value of the html input. Why are those implementations so different? Is there any way of getting domain bound SMS otp working with WKWebView?
Replies
1
Boosts
0
Views
1.4k
Activity
Apr ’23
WKWebView configuration mediaTypesRequiringUserActionForPlayback not working after iOS 16.3.1 update
Hi, I am using WkWebView to display some dynamic content made in cocos creator game engine. For sound to play without user interaction I was using the "mediaTypesRequiringUserActionForPlayback" flag for WKWebViewConfiguration as '0' i.e. no user interaction is required to play audio/video. The above setting was working fine and sound autoplay was working up untill iOS 16.0, after updating my iPad to iOS 16.3.1 the autoplay of sound stopped working. It can only be played if I call AudioContext.resume() on user interaction. Can anyone advice how to get the audio autoplay working correctly again. Thanks
Replies
2
Boosts
0
Views
1.6k
Activity
Apr ’23
Enabling autoplay on Safari for Fairplay protected premium contents
Hi Guys,We are aware that Apple have already included the media autoplay blocking mechanism in the Safari browsers. We strongly agree on this step to minimize abusive use of annoying video advertisements that plays annoying audio loud enough to blast a hole on your sound system.But what we are not really aware of is if Apple have reserved a way to facilitate autoplay for websites that offer protected premium LIVE streaming services like ours. Could you guys point us to where we might find this? This autoplay block is really affecting the user experience on our service and we are receiving a lot of complains from customers. Instructing our clients to enable autoplay manually on Safari for our website is really becoming costly for us.Bigger streaming websites such as youtube doesnt seem to be affected by these changes. Probably because of some exceptions of the rules that are pre-installed on Safari or in the way they are using autoplay. Would you guys be kindly enough to tell us how youtube is able to use autoplay while others cannot? Is it because of some special agreement they have with Apple or is there any established rules that we need to comply in our code to make Safari enable autoplay for our application?Best regards,
Replies
12
Boosts
0
Views
15k
Activity
Apr ’23
[IOS14, 15] Button Click event does not work at the end of CSS animation
https://codesandbox.io/s/react-typescript-popuptest-q0bn0d?file=/src/App.tsx Here's a simple project with a modal that has a CSS fade-in animation. The modal window has a close button, but in iOS 14-15 safari, the modal does not disappear when I click the button when the fade effect ends. (It works on other OS such as Windows, MACOS, and Android) https://www.youtube.com/watch?v=BLYgK08BZkU If you watch this video, you can see that the modal window doesn't disappear when I click the button at the end of the animation What is the cause of this problem, and is there a solution?
Replies
0
Boosts
0
Views
737
Activity
Apr ’23
HTML Video element, not working after iosSafari15 update
hi, after update(ios15.0) of my iPhone12, video element on my website, what im using as video background of website has stopped working. all others browsers is working properly. all i can see is white blank background instead of background video. it looks like video cannot be loaded or played. html: <video playsinline       autoplay       muted       loop       class="uvodna__bg-video" >     <source src="/wp-content/themes/imtsmile2021/video/bg-video.mp4" type="video/mp4" /> </video> can you recommend me some tips to fix that issue? thank you
Replies
27
Boosts
3
Views
40k
Activity
Apr ’23
Has the <input type = "date"> display of iPadOS 14.5 changed in Japanese?
After updating iPadOS14.5, the input type = "date" tag of the html file is now displayed as "Apr 27. 2021" in the iOS app. Until now, it was displayed as "2021/04/27". The date input calendar displayed when tapping the input area is still displayed in Japanese. How can I display in the format of "2021/04/27" on iPadOS 14.5? I also searched for formatting options, but couldn't find them.
Replies
3
Boosts
0
Views
1.9k
Activity
Apr ’23
Does getUserMedia works on iOS?
Since iOS 11, getUserMedia is supposed to finally work on Apple devices.But in fact it does not work.The JavaScript sample code below works on all other OS: Blackberry, Android, etc...Except on iOS as usual.navigator.getUserMedia = ( navigator.getUserMedia || navigator.webkitGetUserMedia || navigator.mozGetUserMedia || navigator.msGetUserMedia || navigator.mediaDevices.getUserMedia);navigator.getUserMedia({video: true ,audio: false}, gotStream, noStream);function gotStream(stream){ video.src = getUrl(stream);}When executed on a https connection, it asks for webcam detection, but nothing appears on the video: blank.It is the same issue as described by other developers below:https://stackoverflow.com/questions/45692526/ios-11-getusermedia-not-workingWas somebody able to have getUserMedia works on iOS?
Replies
8
Boosts
0
Views
29k
Activity
Apr ’23