This question already has answers here:
Safari page-break-inside:avoid not working
(2 answers)
page-break-* doesn't work on Chrome and Safari
(2 answers)
Closed 3 years ago.
page-break-inside : avoid doesn't work in print view of safari browser.
I have tried adding page-break-inside : avoid for content inside the table row. It breaks perfectly in chrome. but the property is not applied in safari
Is there any way that the property can work in print view in safari browser
reference:
the below reference url says that the safari browser supports page-brake-inside
Reference url
Related
This question already has an answer here:
SVG animation bug in safari 11
(1 answer)
Closed 5 years ago.
I have a basic SVG log, and embedded in it I have some simple CSS animation. It's rotating an object, and making the middle of the rotation the center of the object.
It looks and works fine on Chrome / Safari in iOS10, but when you open it in iOS11 Safari the rotation is completely mad.
Can anyone help suggest why / how to fit it?
The logo can be seen here:
http://www.mediplacements.com/live2/img/logotest.svg
When something seemingly standard work on older browsers and not in newer ones, you should check for your element's adherence to standards.
The W3C validator indicates there are 3 errors in your SVG; you should try again after fixing them.
Edit: Okay, now that it's fixed. Have you checked SVG animation bug in safari 11 ?
I just tried what's suggested in the linked question, and it fixed it.
Simply add transform-box:fill-box; to your Swishes' CSS.
It tells Safari to behave like Chrome on an undecided point of the standard, namely whether transform percentage values refer to the bounding box or the parent.
FYI, the problem you describe also happens on Firefox.
This question already has answers here:
What does it mean when a CSS rule is grayed out in Chrome's element inspector?
(8 answers)
Closed 7 years ago.
The Chrome web inspector has atleast 3 ways of showing CSS rules.
Normal, normal with a line through, and opaque. Here is a picture of the 3.
If I remember correctly I believe that means its inherited from a parent element. Strikethrough means it was overridden by another style.
This question already has answers here:
CSS customized scroll bar in div
(20 answers)
Closed 7 years ago.
I want to customise the scroll bar.
According to this: http://webdesign.tutsplus.com/articles/quick-tip-styling-scrollbars-to-match-your-ui-design--webdesign-9430
you can do it using -webkit-scrollbar. However I cannot seem to find anywhere which browsers support this feature including caniuse.com.
Can someone please tell me where I can find out which browsers support this feature!
As it says -webkit- I assume it works on safari and chrome. But even then which "versions" of these browsers does this work on? What about andriod/ chrome mobile browsers .
Thanks!
You can for IE and Webkit browsers but Firefox would require a JS solution - and if you bother to do it in JS, it doesn't really need you to do it in CSS as well.
An example of a JS scrollbar jQuery plugin.
Edit: Mobile browser - you apparently can style these but I haven't noticed them styled at all, nor did I even know my phone had scrollbars until I just checked. This plugin seems to be able to style them.
This question already has an answer here:
Overflow auto doesn't work in android browser
(1 answer)
Closed 8 years ago.
I am using Overflow:auto to scroll a div and it works fine in desktop but not working in Android browser. Is there any proper way to fix this ?
Android doesn't supports overflow property. See if this helps you.
https://github.com/inuyaksa/jquery.nicescroll
This question already has answers here:
Impossible to hide navigation bars in Safari iOS 7 for iPhone/iPod touch
(8 answers)
Closed 9 years ago.
I'd like to know if in IOS7 safari there is a method for controlling the position of the address bar and the toolbar. I would basically like them to hide them as soon as the page loads in safari without the user having to scrolldown the page to invoke the hide?
There is currently no known method of doing this.
Source: http://www.mobilexweb.com/blog/safari-ios7-html5-problems-apis-review