Post not yet marked as solved
Hello,
I am developing a firewall against http attacks at Layer7 layer. And no system (linux/windows/android/bsd/ios version < 16) works flawlessly, except for ios 16 version.
İos 16 device screen record (error): veed . io/view/ab86584b-c054-4b70-8c73-6ae9782fabad)
Old ios version test (no error):
I am using a golang http service in addition to nginx in the opened url. And when I try to access this golang code directly (ios16) I get 503 error from a device. And all this http service does is to set a cookie on the client after getting the useragent and ip information.
Code:
What new feature in iOS 16 prevents my service from running? and how can i fix this.
Note: In iOS 16, the situation is the same in all browsers, not just safari, I tried it on chrome. However, there is no problem when I try it on 15 and lower versions, which is a lower version.
Thanks for your help in advance.
Post not yet marked as solved
Hi,
I am trying to override some properties on iPad Air 5 with media query. I am using Safari, but the query should work with Chrome also.
I have tried several combinations, but it seems that nothing works. For example I have tried this queries:
@media only screen
and (min-device-width : 768px)
and (max-device-width : 1024px)
and (orientation : landscape)
and (-webkit-min-device-pixel-ratio: 2) {
body {
font-size: 20px;
}
}
@media only screen
and (min-device-width : 768px)
and (max-device-width : 1024px) {
body {
font-size: 20px;
}
}
@media only screen
and (-webkit-min-device-pixel-ratio: 2) {
body {
font-size: 20px;
}
}
Does anyone know what is the problem?
Best regards!
Post not yet marked as solved
Wondering if anyone has come across this issue.
When a element has text in a element in an HTML table, VoiceOver will announce the text in the second element first, even if it comes after the text that visually (and programmatically) comes before it. This also happens with nested span elements. It does not happen with cells.
For example:
Replicable on:
Safari/iOS 16.6 with VoiceOver
Edge 113.0.17 with VoiceOver
Please see you can replicate here: https://codepen.io/ayesha-2303/full/eYQqbXX
Is this expected functionality or is it a bug? How can I raise it if it is a bug?
Post not yet marked as solved
So we have an App (on Web & iOS environment), in which we still have not yet set up the Smart App Banner, but the Banner is shown on Safari on several pages.
What we have on the project though is a list of Download pages to Play & Google Store in our About page which like the attachment below
Here is the SAP being shown on only several pages:
On Homepage it's not shown
Upon clicking the profile picture and opening a Setting page, the SAP is shown
On the Setting page, if we click Workspace, it still shows the SAP
But when we are clicking the individual Workspace after that, the SAP is missing
Because of this behavior, some of our page layouts are broken, thus we need to find a way to overcome this.
To clarify this, we have 2 questions in mind, which is:
On https://developer.apple.com/documentation/webkit/promoting_apps_with_smart_app_banners, it's shared that the SAP can only be set via a meta tag. As this bug is appearing on the Web environment, is there any other way to set the SAP rather than with meta, that might be the result of this bug?
If we init the SAP via meta tag will it replace the existing SAP completely? If yes, then we can just use the configured meta to fix this.
Nevertheless, the help and guidance on this are deeply appreciated.
Thanks
Post not yet marked as solved
When typing into HTML input type=date picker if you want a second or 2 what you previously typed will be overwritten.
For example if you highlight the year and you want to type in '2023'.
You type in '20' (wait 2 seconds) and then type in '23' the previous '20' you typed will be overwritten.
Post not yet marked as solved
I'm trying to read the clipboard data using the navigator.clipboard.readText() in the button click handler:
<body>
<h1>How to paste text</h1>
<p><button type=button>Paste</button></p><textarea></textarea>
<script>
const pasteButton = document.querySelector("button");
pasteButton.addEventListener("click", (async () => {
try {
const e = await navigator.clipboard.readText();
document.querySelector("textarea").value += e;
console.log("Text pasted.")
}
catch (e) {
console.log("Failed to read clipboard. Using execCommand instead.");
document.querySelector("textarea").focus();
const t = document.execCommand("paste");
console.log("document.execCommand result: ", t)
}
}));
</script>
</body>
We can use the following link to check the demo page using the above code:
https://web.dev/patterns/clipboard/paste-text/demo.html
The demo page works fine when clicking the Paste button on the Chrome browser.
But, it shows the Paste menu when clicking the Paste button on the Safari browser.
Only when clicking the Paste menu on the Safari browser, the clipboard data is pasted into the text box.
So, I'd like to know how to hide the "Paste" menu on Safari browser when using navigator.clipboard.readText() in the button click handler.
Thanks.
Post not yet marked as solved
iPad Pro(11-inch), iPadOS version: 16.6.1, Chrome version: 116.0.5845.177
I create a simple html and try to run on iPad. Although I set the height to 100vh, there is a vertical scrollbar on the right, and I could scroll down to a total empty page. It seems like the total height is more than 200vh.
The web page works on Safari, but not work in iPad chrome.
html:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
<link rel="stylesheet" href="styles.css">
</head>
<body>
<div style="background-color: green; height: 100%; width:100%;">This is a div</div>
</body>
</html>
css:
body {
height: 100vh;
min-height: -webkit-fill-available;
}
html {
height: 100vh;
height: -webkit-fill-available;
}
Post not yet marked as solved
Hello!
I am someone who creates websites.
When I click a link within an iframe, the screen briefly turns white.
(This link navigates within the iframe, and the parent frame does not navigate.)
I haven't specified any background-color or styling within the iframe, including the body.
However, it turns briefly white during the transition, probably due to a rendering issue.
This issue doesn't occur on other devices (android).
Can this be resolved with CSS, or is it a bug?
PC
MAC OS / 13.4 (22F66)
Safari / 16.5 (18615.2.9.11.4)
iPhone
IOS / 16.1.1
Safari / unknown
Post not yet marked as solved
For example, this video
does not work in Safari either through the video tag or through simply opening the link.
I can't figure out what exactly is wrong with this video, since most of the others work well.
Any advice?
Post not yet marked as solved
Hello guys,
We have built a game in Cocos Creator which works fine on all androids, windows, ipads and macs. But in iphone it crashes randomly. Does anyone know something about this like memory constraints etc.?
Post not yet marked as solved
In My PWA app I am using camera of getUserMedia() and html audio tags, So In my app I am using videos audios and camera based on requirements, so When I have updated iOS17 I have stared facing below issue.
When I am loading camera after premission given. my audios are playing in ear speaker and not in media speaker only for ios17, older ios versions it is working fine.
I am using javascript, angular, ionic with html5 css for developing my app.
Please provide solution.
Post not yet marked as solved
In my PWA app, I utilize the getUserMedia() API for accessing the camera and also employ HTML audio tags to handle various types of media content. However, since updating to iOS 17, I've encountered an issue where, after granting permission for camera access, audio playback occurs through the earpiece instead of the media speaker. This problem is specific to iOS 17; earlier iOS versions work as expected.
My app is developed using a stack that includes JavaScript, Angular, Ionic, HTML5, and CSS. Can you please provide guidance or a solution to address this issue and ensure that audio plays through the media speaker when using the camera on iOS 17?
Post not yet marked as solved
Wondering if anyone has had any luck with getting the geo-location while viewing a web page in mobile Safari on Watch OS? I've updated my phone and watch to the latest versions.
The code I'm using is standard Javascript for geolocation such as
navigator.geolocation.getCurrentPosition(showPosition, showPositionError);
Works fine when I run it in Safari on my laptop, but when I try to run the same thing on apple watch in embedded web browser, get an "Access Denied" error, which would imply that I have some permission set wrong either on the watch or the paired iPhone. I've messed with many of those settings and nothing seems to be working.
Wondering if it's stated somewhere that it simply won't work so I don't continue chasing my tail on something that was designed not to work.
Post not yet marked as solved
I found an anomaly in the scrolling position when using Element.prototype.scrollBy to scroll DOM elements.
For example, when using scrollBy(0, 20) to scroll the element, the scrollTop read immediately after the scroll is completed is the expected 20. However, after adding some delay, it becomes 40. It seems like after scrolling a distance of ‘a’, the scrollTop read after the delay becomes ‘2a’. Below is the minimal case I tried to write.
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
</head>
<body>
<div id="wrapper" style="overflow-y: scroll;height: 50px;">
<div id="scroller" style="height: 200px;">
</div>
</div>
<script>
const wrapper = document.getElementById('wrapper');
wrapper.scrollBy(0, 20)
console.log(wrapper.scrollTop) // will output 20
setTimeout(() => {
console.log(wrapper.scrollTop) // will output 40
}, 500)
</script>
</body>
</html>
This issue has already been reported to Apple via the Feedback Assistant as FB12401598 and a code-level support incident has been opened to follow up, but so far I haven't heard anything.
The problem is that the NSAttributedString used to be able to load HTML files correctly via the [NSAttributedString initWithHTML:options:documentAttributes:] method (or its Swift equivalent). As of the developer beta of Sonoma, however, this no longer works. The method loads the attributedString but HTML tables are completely ignored. Every cell in the table just appears on a new line.
The app I'm working on has a bunch of HTML templates that get drawn inside another View using an NSAttributedString. This has worked for years but no longer works on Sonoma.
Does anyone know a decent workaround for correctly drawing some formatted text whose formatting is specified via HTML? I'm currently exploring the idea of converting the HTML files to RTF on an older system and using RTF, but the RTF format isn't nearly as simple as HTML.
Here's a screenshot of a simple project and Safari showing the same HTML side by side
Post not yet marked as solved
I am facing an issue in scrollable components as I have a parent component and child component both are scrollable but when I get to the end of my child component then it should scroll the parent component by default but it gets stuck in the child components scroll only.
FYI, I am using reactJs if it helps in any case.
I'm loading a page inside an iframe. The page contains a video with the playsinline attribute. The video is completely unresponsive to touch events, meaning if it fills up the screen I can't scroll past it, thus breaking the page.
Note the video also has autoplay, loop and muted attributes but these did not cause scrolling issues; only playsinline causes the break.
Myself and another tester are running Safari on an iPhone 14 with iOS 17.0.3 and it's broken for both of us. Confirmed with 2 additional testers there is no issue with iPhones running iOS 16.6.
Test case: https://codepen.io/gem0303/pen/qBgEeaG
Repro steps:
Load in Safari on an iPhone with iOS 17.0.3
Tap and drag on the white background and dummy scrolling text -- works fine.
Tap and drag on the cat video -- scrolling is impossible.
I am new to developing native Apple apps and must familiarize myself with the Apple development frameworks. I am starting to create a personal document-based Apple App that can run on iOS, iPadOS, and macOS. The document will contain the following: HTML, PDF, images, video, and audio files. So, I think the document format could be HTML.
I need the capability to read, edit (WYSIWYG Editor), save, and share documents with other users using the same app. The data is stored in the user's device and iCloud.
I need guidance about what Apple framework I should use to edit the documents using WYSIWYG editing principles.
I would really appreciate any recommendation you can provide.
Many thanks for considering my request.
Thank you so much for your attention and participation.
Post not yet marked as solved
I allow users to choose a font to use throughout the app, then display text using that font in 3 different ways:
As the default body font of an HTML document displayed in a WKWebView.
Used to create an NSAttributedString then displayed in an NSTextField.
Used as the body font of a very small HTML document (2-3 lines), converted to NSAttributedString, then displayed in an NSTextField.
My code has been working fine for years, but starting with the release of Sonoma (macOS 14), any text that is converted from HTML to NSAttributedString displays as all "question marks in boxes" for each character. This happens when certain fonts are used. In particular I've seen it with Calibri, Candara, and SF Pro. Calibri and Candara are Microsoft fonts and I think are distributed with MS Office. SF Pro is an Apple font.
There could be others; I haven't done an exhaustive check. What I can tell you is that this has been working fine literally until a couple weeks ago when customers began installing macOS 14. If they go into my app and select a different font (such as Arial or Times New Roman) everything works fine. It is only certain fonts that don't work, and those fonts work when used as the body font of an HTML document in WKWebView and when used as the font for a new NSAttributedString. They just don't work if you make a little HTML document with the font selected as the body font, then convert to NSAttributedString.
Here's the code that worked up until macOS 14:
NSString *htmlString = @"&lt;!DOCTYPE html&gt;"
"&lt;html&gt;"
"&lt;head&gt;"
"&lt;style&gt;"
"body { font-family: 'Candara', serif; font-size: 14px; }"
"&lt;/style&gt;"
"&lt;/head&gt;"
"&lt;body&gt;"
"This won't display right."
"&lt;/body&gt;"
"&lt;/html&gt;";
NSData *htmlData = [htmlString dataUsingEncoding:NSUTF8StringEncoding];
NSDictionary *options = @{NSDocumentTypeDocumentAttribute: NSHTMLTextDocumentType,
NSCharacterEncodingDocumentAttribute: @(NSUTF8StringEncoding)};
NSError *error;
NSAttributedString *attributedString = [[NSAttributedString alloc] initWithData:htmlData
options:options
documentAttributes:nil
error:&amp;error];
Note the fallback of "serif" — that doesn't matter. you get all undefined characters and the fallback font is not used. It's as if the renderer really believes the font is usable, but it isn't.
Post not yet marked as solved
iOS 17 html5 use LocalStorage Failed,other system suceess
