The following script is the code for a dark mode toggle on my website. I don't really know Javascript (I only know Python), so writing this code was a challenge and it might be poorly written. But what it does…
We have Flutter web available under https://web.sharezone.net. On Android, macOS and Windows (Linux not tested yet) it's possible to install our Flutter web app as PWA. However, on iOS, it's not possible. On iOS, Safari keeps opening the website inside…
I've put a little JavaScript fadeIn/fadeOut transition between pages from my website: window.transitionToPage = function(href) { document.querySelector('body').style.opacity = 0 setTimeout(function() { window.location.href = href }, 750) } document.addEventListener('DOMContentLoaded', function(event) { document.querySelector('body').style.opacity = 1 }) It simply changes the opacity to…
I have an issue with using the writing-mode CSS property on some button elements. On Chrome it works fine, it looks like this: This is the code: button { height: auto; position: fixed; right: 0px; border-radius: 0 12px 12px 0;…
I have two examples for a card with two columns of the same width. The upper card is implemented with flexbox. The lower card with grid. In Safari, however, the grid example pushes the left column to the width of…
How do I move the contents of the page up when the mobile keyboard is shown? Right now on Safari in IOS native, when the mobile keyboard is shown, the keyboard covers the input box. I need to make sure…
If you have a form field type of number and use that value in JavaScript, the results are not always consistent (with FireFox and Safari so far.) A value of 10.0 in the input field will parse correctly as the…
Using Safari Web Inspector on a WebKit based app stopped working on iOS 16.4. This was properly working before. More specifically, using the iOS Simulator or a real device, debugging a WebKit based app and from Safari on macOS accessing…
Environment: MacOS: Monterey 12.6.1 XCode: 14.2 iOS: 16.4.1 Safari : 16.2 (17614.3.7.1.7, 17614) Question: I want to debug my webview, and I open safari and nothing in the my device inspector. Than I search the information, wkwebview change the default…
I am trying to get my website to fill the screen (notch) left and right sides when in landscape mode on IOS Safari but NONE of the solutions work. I have added the meta tag <meta name="viewport" content="width=device-width, initial-scale=1, viewport-fit=cover">…