safari

问题 My angular -9 app is working fine in desktop band android mobile browser. but when I am trying to load the same page on safari, it's not loading properly. tsconfig.json "target": "es2015", "typeRoots": [ "node_modules/@types" ], "lib": [ "es2018", "dom" ] browserslist 0.5% last 2 versions Firefox ESR not dead not IE 9-11 # For IE 9-11 support, remove 'not'. thanks in advance! 来源： https://stackoverflow.com/questions/62623739/angular-9-page-not-rendering-on-safari-browser

问题 My question is how to fix rendering issues in Safari 14 related to a combination of multiple background gradients ( linear and radial ), background-attachment ( local and scroll ) and ``mix-blend-mode`. Please see example: https://codepen.io/astro87/pen/LYRQNbd?editors=1100 Correct rendering in Google Chrome Background gradient visible on the right edge: Scroll a bit to the right and see background gradient is visible on the left and right edge: Scroll completely to the right edge and see

问题 My question is how to fix rendering issues in Safari 14 related to a combination of multiple background gradients ( linear and radial ), background-attachment ( local and scroll ) and ``mix-blend-mode`. Please see example: https://codepen.io/astro87/pen/LYRQNbd?editors=1100 Correct rendering in Google Chrome Background gradient visible on the right edge: Scroll a bit to the right and see background gradient is visible on the left and right edge: Scroll completely to the right edge and see

问题 We have a call button on our web application. It's a simple button that uses the standard href="tel:" function. Here is a snippet of what my call link looks like. <a href="tel:1-234-867-5309" class="btn btn-success font-weight-light callus-btn py-2" title="Call us today!"><span class="text-uppercase">Call Us</span> <br>{{$contactSetting->format_phone}}</a> The latest version of Safari appears to have changed the behavior to a long gesture, which requires a click of more than a second, then

问题 I'm in a bit of a problem here. I can't seem to get the border-bottom-radius-left and right to work properly on Safari. I took screenshots of the border radius on 3 browsers (Chrome, Firefox, and Safari). Only Safari had the trouble. Google Chrome Firefox Safari From there, you can pretty much tell the problem. I used border-bottom-left-radius: 120px; and border-bottom-right-radius: 20px; . However, the two top radius properties seem to be working fine. I'm kinda stuck because I'm not sure

问题 I am trying to do some growing line animation with SVG and CSS animation. Since the lines have different length respectively, I use pathLength to assign a virtual length for them. Thus i can use only one @keyframe for all of them. Here is the sample code <svg width="1000px" height="100px"> <g stroke="#FAB" stroke-width="3"> <line id="Line1" x1="20", y1="20", x2="520", y2="20" pathLength="1000"/> <line id="Line2" x1="20", y1="50", x2="780", y2="50" pathLength="1000"/> </g> </svg> <style> line

问题 I'm using d3.js to do some svg layout/animations and am running into the problem described by the first example here (only on Safari / Safari mobile): http://www.mysparebrain.com/svgbug.html (e.g., when the rect+text moves, it leaves rendering artifacts in its path) Does anyone know of a workaround for this? The only similar question on SO I could find is this unanswered one: Canvas draws artifacts in Safari for animated, filled bezier curves 回答1: You should definitely file a WebKit bug

问题 I'm using d3.js to do some svg layout/animations and am running into the problem described by the first example here (only on Safari / Safari mobile): http://www.mysparebrain.com/svgbug.html (e.g., when the rect+text moves, it leaves rendering artifacts in its path) Does anyone know of a workaround for this? The only similar question on SO I could find is this unanswered one: Canvas draws artifacts in Safari for animated, filled bezier curves 回答1: You should definitely file a WebKit bug

问题 Is working fine on Chrome, could someone tell me why it isn't sorting the table on Safari and how to fix it? I've looked the console, there's no error. HTML: <tr> <td> <input name="d1" value="01/01/1992"> </td> </tr> <tr> <td> <input name="d1" value="01/01/1991"> </td> </tr> </tbody> </table> <button>SORT</button> jQuery: $('button').on('click',function(){ sort(); }); function sort() { $('tBody tr').sort(function(a, b) { return new Date($(a).find('input[name="d1"]').val()).getTime() > new

问题 The Visibility API doesn't work in standalone mode on iOS. I need to know if the phone was unlocked with my app in the foreground so that I can check for an update, but nothing seems to work. I don't get the visibilitychange event. document.hidden is false, and document.visibilityState is "visible" when the phone is locked. I've also found that timers like setTimeout and requestAnimationFrame continue to function while the screen is locked, so I can't use the hacks I've found to detect that