So basically the fixed bg was causing some issues on mainly Safari, it was snapping and getting partially hidden by the browser ui - i fixed the snapping but the image is still gettin patrially hidden as you can see…
I want to create a box that only has a border on the left and right and a radius on all corners. The borders should also have different colors. In Chrome, the corners are displayed correctly, except for the small…
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…