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

HTML Documentation

Posts under HTML tag

94 Posts
Sort by:
Post not yet marked as solved
0 Replies
23 Views
I have an audio video meeting website implemented in javascript. When i am connected to the meeting and while meeting is going on, If the user goes to background and speaks the end user will not be able to hear until chrome comes to foreground. This issue is not happening in safari. Any help would be helpful
Posted Last updated
.
Post not yet marked as solved
2 Replies
73 Views
Hello! In iPhone 15.5, intermittently, some parts of one page, especially the top area, are covered with something that is not the screen I was working on. And if you scroll, that area disappears and you can see the html areas I coded in the past. how can i solve this?
Posted Last updated
.
Post not yet marked as solved
2 Replies
483 Views
We have implemented a check on our app, that validates when a user has seen a video in it's entirety and hasn't skipped any section. We were using the video.played TimeRange Buffer available on a video HTML5 element. The expected behaviour For a user playing a video once and letting it end, it means you get one TimeRange where start is zero and end is the duration of the video in seconds. The end is not always the exact duration but it was always within 1 second of it. The issue After iOS15 the end integer is never the correct one or even close to the duration when a video ends (The "ended" event fires). It almost always is close to the start timer. When pausing the video though the end duration is correct on the played TimeRange. Testing on iOS 15.0.2
Posted
by spideyNR.
Last updated
.
Post marked as solved
6 Replies
1.4k Views
I'm seeing an issue with a PWA when added to the home screen. The Keyboard will eventually stop opening. when clicking on an input field. this happens with bmw.com, instagram.com. Once it happens on one PWA, all PWA's are effected. Is this a known issue?
Posted
by notsle.
Last updated
.
Post not yet marked as solved
0 Replies
75 Views
I'm trying to upload a binary file from iOS to a server on local Wifi. The uploader on the server works fine from its web page, but I can't get it to upload from Swift. It looks to me like my request is not properly formed, but I haven't been able to figure out what it's missing. Thanks for any help. ~ Nancy Here's my upload routine:    func uploadFile() {     let config = URLSessionConfiguration.default         let session = URLSession(configuration: config)     let updateURL = URL(string: ("http://" + currentBaseString + "/update"))     var request = URLRequest(url: updateURL!)     print("SETUP Upload Request: ", request)     request.httpMethod = "POST"     guard let fileURL = Bundle.main.url(forResource: "R2-0701", withExtension: "bin") else {       print("Failed to create URL for file.")       return     }     do {       let data = try Data(contentsOf: fileURL)       print("SETUP Found the data file\n")       request.httpBody = data       let task = URLSession.shared.uploadTask(with: request as URLRequest, fromFile: fileURL) { data, response, error in         if error != nil {           print ("RRC Task error: \(String(describing: error))")           return         }         guard let response = response as? HTTPURLResponse, (200...299).contains(response.statusCode) else {           print ("Server error")           return         }         if let mimeType = response.mimeType,           mimeType == "multipart/form-data",           let updateData = data,           let dataString = String(data: updateData, encoding: .utf8) {           print ("got data: \(dataString)")         }       }       task.resume()     }     catch {       print("Error opening file: \(error)")     }   } My URL construction is fine, it works for GET requests. "R2-0701.bin" is the filename of a file added to the project. Here's the server HTML: <script src='https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js'> </script> <form method='POST' action='#' enctype='multipart/form-data' id='upload_form'> <table cellpadding = '10' align='center''> <tr> <td bgcolor='AA0000' align='center' style='color:white;'> <p font-color='white' text-size='12' > <b>Reprogram</b> </p> </td> </tr> <tr> <td> <input type='file' name='update'> </td> </tr> <tr> <td align='center'> <input type='submit' value='Update'> </form> </td> </tr> <tr> <td align='center'> <div id='prg'>progress: 0%</div> </td> </tr> </table> <script> $('form').submit(function(e){ e.preventDefault(); var form = $('#upload_form')[0]; var data = new FormData(form); $.ajax({ url: '/update', type: 'POST', data: data, contentType: false, processData:false, xhr: function() { var xhr = new window.XMLHttpRequest(); xhr.upload.addEventListener('progress', function(evt) { if (evt.lengthComputable) { var per = evt.loaded / evt.total; $('#prg').html('progress: ' + Math.round(per*100) + '%'); } }, false); return xhr; }, success:function(d, s) { console.log('success!') }, error: function (a, b, c) { } }); }); </script>; Here's the output: SETUP Upload Request: http://192.168.86.41/update SETUP Found the data file 2022-07-04 17:21:52.075958-0600 RoadrunnerComfort[5034:11127394] Task <25F2EC07-30D7-4532-BD6A-D35A41716AF2>.<7> HTTP load failed, 1048855/0 bytes (error code: -1005 [4:-4]) 2022-07-04 17:21:52.082677-0600 RoadrunnerComfort[5034:11127423] Task <25F2EC07-30D7-4532-BD6A-D35A41716AF2>.<7> finished with error [-1005] Error Domain=NSURLErrorDomain Code=-1005 "The network connection was lost." UserInfo={_kCFStreamErrorCodeKey=-4, NSUnderlyingError=0x283fb49c0 {Error Domain=kCFErrorDomainCFNetwork Code=-1005 "(null)" UserInfo={NSErrorPeerAddressKey=<CFData 0x2812ecc80 [0x22eb841b8]>{length = 16, capacity = 16, bytes = 0x10020050c0a856290000000000000000}, _kCFStreamErrorCodeKey=-4, _kCFStreamErrorDomainKey=4}}, _NSURLErrorFailingURLSessionTaskErrorKey=LocalUploadTask <25F2EC07-30D7-4532-BD6A-D35A41716AF2>.<7>, _NSURLErrorRelatedURLSessionTaskErrorKey=(   "LocalUploadTask <25F2EC07-30D7-4532-BD6A-D35A41716AF2>.<7>" ), NSLocalizedDescription=The network connection was lost., NSErrorFailingURLStringKey=http://192.168.86.41/update, NSErrorFailingURLKey=http://192.168.86.41/update, _kCFStreamErrorDomainKey=4} 2022-07-04 17:21:52.083212-0600 RoadrunnerComfort[5034:11127396] [tcp] tcp_input [C7:2] flags=[R.] seq=3409008496, ack=2962928595, win=5744 state=LAST_ACK rcv_nxt=3409008496, snd_una=2962927159 RRC Task error: Optional(Error Domain=NSURLErrorDomain Code=-1005 "The network connection was lost." UserInfo={_kCFStreamErrorCodeKey=-4, NSUnderlyingError=0x283fb49c0 {Error Domain=kCFErrorDomainCFNetwork Code=-1005 "(null)" UserInfo={NSErrorPeerAddressKey=<CFData 0x2812ecc80 [0x22eb841b8]>{length = 16, capacity = 16, bytes = 0x10020050c0a856290000000000000000}, _kCFStreamErrorCodeKey=-4, _kCFStreamErrorDomainKey=4}}, _NSURLErrorFailingURLSessionTaskErrorKey=LocalUploadTask <25F2EC07-30D7-4532-BD6A-D35A41716AF2>.<7>, _NSURLErrorRelatedURLSessionTaskErrorKey=(   "LocalUploadTask <25F2EC07-30D7-4532-BD6A-D35A41716AF2>.<7>" ), NSLocalizedDescription=The network connection was lost., NSErrorFailingURLStringKey=http://192.168.86.41/update, NSErrorFailingURLKey=http://192.168.86.41/update, _kCFStreamErrorDomainKey=4})`
Posted Last updated
.
Post not yet marked as solved
1 Replies
104 Views
I include a picture on an HTML page by: <img src="./name.png" class="inline" alt="" usemap="#html"/> I create a link map, defining areas of the picture that I want to link to notes like this: <map name="html"> <area shape="circle" coords="73,250,30" href="./PassiveStrideRecovery_W12_Notes.html" alt="PassiveStrideRecovery_W12" target="_self" /> ...(more of these areas) </map> All the linked areas work fine for a few seconds and then some of the areas are obscured by automatically detected (not well though) areas of interest (to something) in the .png and stops my mouse clicks getting through to some of the linked areas I define. When I use the Debug menu item and examine the HTML source elements (using "Develop->Show Page Source") I created. Initially they include: a minute to so later they change to: indicating the img has acquired some extra structure, which now looks like this: and define some areas, some of which overlay my map areas in a layer above mine. Looking at the last "div" created by MacOS, they seem to be inserted in real-time by Apple Data Detectors. I changed my img include statement to <img src="./GroundContact_W7_Bubbles.png" x-apple-data-detectors="false" class="inline" alt="" usemap="#html"/> but it made no difference. How do I stop real-time area overlay of click-obscuring blocks over pictures included on my HTML page? TIA
Posted
by softeky.
Last updated
.
Post marked as solved
6 Replies
8.7k Views
Hello! I have this scrollable container. It works fine across browsers and devices until it hits iOS14. Behaves just the way it should iOS 12 - (cant test iOS13 right now) The goal is to always show the scrollbar. On iOS14 only the native scrollbar is shown when scrolling is happening. Is there any way to fix this for iOS14 users? thanks in advance! div {&#9; max-height: 20rem; &#9;overflow-x: hidden; &#9;overflow-y: auto; &#9;margin-right: 0.25rem; &#9;::-webkit-scrollbar-track { &#9;&#9;border-radius: 0.125rem; &#9;&#9;background-color: lightgray; &#9;} &#9;::-webkit-scrollbar { &#9;&#9;width: 0.25rem; &#9;&#9;border-radius: 0.125rem; &#9;} &#9;::-webkit-scrollbar-thumb { &#9;&#9;border-radius: 0.125rem; &#9;&#9;background-color: gray;}; &#9;} }
Posted Last updated
.
Post not yet marked as solved
1 Replies
407 Views
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;
Posted Last updated
.
Post not yet marked as solved
3 Replies
1.5k Views
Hi All, We are using html input type date in our hybrid application which launches the native datepicker in the app. As we need the app to be accessible we chose the html type date. However at certain instances we want to restrict the date selection till present date only. We have used the max attribute to achieve this, for some reasons the datepicker is not respecting this attribute and allowing the user to select future dates. We are in a tricky position since we do not want to use any library and the production date is nearby. Below is the markup we have used for replicating the behavior: form label for="party"Choose your preferred party date: input type="date" name="party" min="2017-04-01" max="2017-04-30" /label /form Any help would be appreciated. Thanks in advance.
Posted Last updated
.
Post not yet marked as solved
4 Replies
2.6k Views
On iOS 15 beta, when I tried to check my application, the select element is having issue. As when I clicked on select dropdown, the option list was not shown. The error message was "Failed to present a context menu for configuration with identifier".
Posted Last updated
.
Post not yet marked as solved
13 Replies
10k Views
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
Posted
by BartyP.
Last updated
.
Post not yet marked as solved
0 Replies
91 Views
I have an SPA web app I've built for Safari iOS. One feature I have is that (with user's permission!) I would like to play audio alerts of various sorts based on events that take place in the app. (Think a chat app playing a "message received" sound.) ... again, this would be with the user's permission. This is very much a feature of the app and not nagware or adware. Currently, of course, this isn't possible. Audio can only be played in response to some user-initiated action, and that "permission" only lasts until the page closes or is reloaded. So, question: Is there a way a user can permanently give permission to a website on iOS to autoplay sound files?
Posted
by broofa.
Last updated
.
Post not yet marked as solved
11 Replies
8.2k Views
webkitEnterFullScreen API is supported on iOS for video element, but not for a div element. Also as a fullscreen demo website shown, Safari on macOS supports div element but not on iOS. Is there any plan to add the support in iOS? If not is there any way to fullscreen a div element or make it run as fullscreen on Safari iOS?
Posted
by chen209.
Last updated
.
Post not yet marked as solved
0 Replies
131 Views
I'm developing a REST API app that generates some PDFs for my users, but there are only available for a certain period of time. To download them I'm using the a HTML tag: <a href="/api/items/1/generate?type=register" download="Important Letter.pdf"> <svg>...</svg> </a> This works fine in the normal flow of the use case, but if a user request a PDF outside of the download period, the server responds to the request with a 422 (Unprocessable Entity) HTML code, and place a json on the body of the request: HTTP/1.1 422 Unprocessable Entity Content-Type: application/json;charset=utf-8 {"error" : "Registration period expired", "type" : "expired", "data" : {"id" : 1}} Safari does not interpret this error and it generates the Important Letter.pdf file and writes the json content on it. Is there a wat to avoid this behavior and display an error message to the user? I was wondering if my server should send some specific error code.
Posted
by soyPabloG.
Last updated
.
Post not yet marked as solved
3 Replies
327 Views
Hello, I am Flip.Shop developer. Our site is having a problem displaying a Video whose size adjusts dynamically to the width and height of the parent component. Please visit this page: https://flip.shop and scroll through a few posts. On all normal browsers (Chrome/Firefox) the video loads nicely. But on Safari 15.5 (desktop and mobile) you can see a flicker for a while. The first frame of the video can't adjust to the size. Video component looks like this: <video preload="auto" loop="" playsinline="" webkit-playsinline="" x5-playsinline="" src="blob:https://flip.shop/1039dfe6-a1f4-4f80-822b-250665225c68" autoplay="" style="width: 100%; height: 100%;"> </video> and CSS of parent component looks like this: width: 100%; height: 100%; position: relative; & video { object-fit: cover; } Is there any solution to prevent video from going crazy in the Safari browser? The only workaround that seems to work is to show a poster covering the video until the video plays. Unfortunately, there is no event to inform that Safari is freaking out, so this poster has to be removed after a 300-500 millisecond timeout connected to the "play" event, which significantly delays the display of this video (on Safari).
Posted Last updated
.
Post not yet marked as solved
1 Replies
202 Views
I recently had a build go into the system for Test Flight distribution and got the automated message: "ITMS-90338: Non-public API usage - The app contains or inherits from non-public classes in Contents/MacOS/: UIMarkupTextPrintFormatter." I've been using UIMarkupTextPrintFormatter for a long time, and it appears to be a very-public API. I don't even see it as being marked obsolete/deprecated. Is anyone else getting this message? Is this just a goof on Apple's part, or will I need to find some alternative to UIMarkupTextPrintFormatter?
Posted
by JacobJ84.
Last updated
.
Post not yet marked as solved
4 Replies
1.5k Views
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?
Posted Last updated
.
Post not yet marked as solved
9 Replies
18k Views
Hi!I currently developing a mobile website and found that Safari on iOS has some problems setting the focus on inputs when they are inside an iframe.When in a page you have many inputs you can tap on a field and then use the next / previous buttons on the keyboard to navigate between the fields. When the focus move to another input Safari scroll automatically the page centering the field in the page. This is great and works well.The problem is when the fields are inside a page of an iframe. In this case when you change focus from one field to another Safari has some kind of issue; the page “bounce” and the focused field is not centered in the page.I have made a video of a simple page that has this issue. In the first part of the video the page without the iframe is loaded and the focus works correctly. In the second part the page with the iframe is loaded and the issue is visible.http://www.dale1.ch/documents/safari_iframe_focus_issue.movThe code of the first page (testinput.html) where the focus is correctly handled is this:&lt;!DOCTYPE html&gt; &lt;html&gt; &lt;head&gt; &lt;title&gt;Test input&lt;/title&gt; &lt;meta name="viewport" content="width=device-width, height=device-height, initial-scale=1, minimum-scale=1, maximum-scale=1, user-scalable=no" /&gt; &lt;/head&gt; &lt;body&gt; &lt;div&gt;&lt;span&gt;Input 1: &lt;/span&gt;&lt;input type="text" tabindex="1" /&gt;&lt;/div&gt; &lt;div&gt;&lt;span&gt;Input 2: &lt;/span&gt;&lt;input type="text" tabindex="2" /&gt;&lt;/div&gt; &lt;div&gt;&lt;span&gt;Input 3: &lt;/span&gt;&lt;input type="text" tabindex="3" /&gt;&lt;/div&gt; &lt;div&gt;&lt;span&gt;Input 4: &lt;/span&gt;&lt;input type="text" tabindex="4" /&gt;&lt;/div&gt; &lt;div&gt;&lt;span&gt;Input 5: &lt;/span&gt;&lt;input type="text" tabindex="5" /&gt;&lt;/div&gt; &lt;div&gt;&lt;span&gt;Input 6: &lt;/span&gt;&lt;input type="text" tabindex="6" /&gt;&lt;/div&gt; &lt;div&gt;&lt;span&gt;Input 7: &lt;/span&gt;&lt;input type="text" tabindex="7" /&gt;&lt;/div&gt; &lt;div&gt;&lt;span&gt;Input 8: &lt;/span&gt;&lt;input type="text" tabindex="8" /&gt;&lt;/div&gt; &lt;div&gt;&lt;span&gt;Input 9: &lt;/span&gt;&lt;input type="text" tabindex="9" /&gt;&lt;/div&gt; &lt;div&gt;&lt;span&gt;Input 10: &lt;/span&gt;&lt;input type="text" tabindex="10" /&gt;&lt;/div&gt; &lt;div&gt;&lt;span&gt;Input 11: &lt;/span&gt;&lt;input type="text" tabindex="11" /&gt;&lt;/div&gt; &lt;div&gt;&lt;span&gt;Input 12: &lt;/span&gt;&lt;input type="text" tabindex="12" /&gt;&lt;/div&gt; &lt;div&gt;&lt;span&gt;Input 13: &lt;/span&gt;&lt;input type="text" tabindex="13" /&gt;&lt;/div&gt; &lt;div&gt;&lt;span&gt;Input 14: &lt;/span&gt;&lt;input type="text" tabindex="14" /&gt;&lt;/div&gt; &lt;div&gt;&lt;span&gt;Input 15: &lt;/span&gt;&lt;input type="text" tabindex="15" /&gt;&lt;/div&gt; &lt;div&gt;&lt;span&gt;Input 16: &lt;/span&gt;&lt;input type="text" tabindex="16" /&gt;&lt;/div&gt; &lt;div&gt;&lt;span&gt;Input 17: &lt;/span&gt;&lt;input type="text" tabindex="17" /&gt;&lt;/div&gt; &lt;div&gt;&lt;span&gt;Input 18: &lt;/span&gt;&lt;input type="text" tabindex="18" /&gt;&lt;/div&gt; &lt;div&gt;&lt;span&gt;Input 19: &lt;/span&gt;&lt;input type="text" tabindex="19" /&gt;&lt;/div&gt; &lt;div&gt;&lt;span&gt;Input 20: &lt;/span&gt;&lt;input type="text" tabindex="20" /&gt;&lt;/div&gt; &lt;div&gt;&lt;span&gt;Input 21: &lt;/span&gt;&lt;input type="text" tabindex="21" /&gt;&lt;/div&gt; &lt;div&gt;&lt;span&gt;Input 22: &lt;/span&gt;&lt;input type="text" tabindex="22" /&gt;&lt;/div&gt; &lt;div&gt;&lt;span&gt;Input 23: &lt;/span&gt;&lt;input type="text" tabindex="23" /&gt;&lt;/div&gt; &lt;div&gt;&lt;span&gt;Input 24: &lt;/span&gt;&lt;input type="text" tabindex="24" /&gt;&lt;/div&gt; &lt;div&gt;&lt;span&gt;Input 25: &lt;/span&gt;&lt;input type="text" tabindex="25" /&gt;&lt;/div&gt; &lt;div&gt;&lt;span&gt;Input 26: &lt;/span&gt;&lt;input type="text" tabindex="26" /&gt;&lt;/div&gt; &lt;div&gt;&lt;span&gt;Input 27: &lt;/span&gt;&lt;input type="text" tabindex="27" /&gt;&lt;/div&gt; &lt;div&gt;&lt;span&gt;Input 28: &lt;/span&gt;&lt;input type="text" tabindex="28" /&gt;&lt;/div&gt; &lt;/body&gt; &lt;/html&gt;This is the code of the page that has the issue (testinput_iframe.html):&lt;!DOCTYPE html&gt; &lt;html&gt; &lt;head&gt; &lt;title&gt;Test input&lt;/title&gt; &lt;meta name="viewport" content="width=device-width, height=device-height, initial-scale=1, minimum-scale=1, maximum-scale=1, user-scalable=no" /&gt; &lt;/head&gt; &lt;body&gt; &lt;iframe src="/testinput.html" /&gt; &lt;/body&gt; &lt;/html&gt;The issue is present in Safari on the iPhone, iPad and the xCode Simulator from version 8.4 to version 9.2.Someone know if this is a bug? There is way to fix it in css or javascript?Thanks and sorry for my english! 😉
Posted
by DaleOne.
Last updated
.
Post not yet marked as solved
1 Replies
239 Views
I'm fairly new to Swift and SwiftUI (and iOS development in general). I have a web app written in ReactJS and we use draftJS (Facebook opensource) to do rich text editing, which handles @mentions and #hashtags. When the keystroke listener picks up an @ or #, it looks up the mention or tag and when the user selects, it formats the result as a formatted link to the user or the tag. This works great. However, we started iOS development and are trying to bring the two version's feature sets to parity. I'm trying to build the iOS version using SwiftUI because of the reactive nature of the framework and how it mimics a lot of the same concepts from ReactJS. DraftJS has a complex data structure that gets serialized and stored as a JSON object OR I can save it as HTML. Or both. It's honestly way more than I need, but that's basically how to do it in React. I don't really need rich text. What I need is mentions, hashtags. How can I architect a solution that works for both platforms and stores state as something that both platforms can create and consume?
Posted
by tlester.
Last updated
.