Skip to content Skip to sidebar Skip to footer
Showing posts with the label Webkit

Css: Disable Bounce Effect For Scroll On Ios 13

In Safari 13 release notes it is stated that there is no longer the need to apply the following to … Read more Css: Disable Bounce Effect For Scroll On Ios 13

How To Create Dotted Border With Round Dots In Webkit Browsers?

In WebKit driven browsers, e.g. Safari, Chrome, borders with their style declared as dotted are ren… Read more How To Create Dotted Border With Round Dots In Webkit Browsers?

Problem With Chrome Form Handling: Input Onfocus="this.select()"

I'm using the following HTML code to autoselect some text in a form field when a user clicks on… Read more Problem With Chrome Form Handling: Input Onfocus="this.select()"

Linear Gradient + Background-size Is Not Working In Firefox

Im using a linear gradient with a background-size of 400%. this allows me to animate between gradie… Read more Linear Gradient + Background-size Is Not Working In Firefox

Css Columns Breaking When Printing

.class { -webkit-column-count: 4; -webkit-column-gap: 0.25in; -webkit-column-rule-width … Read more Css Columns Breaking When Printing

How Can I Catch Event Exitfullscreen Of A Video?

How can I catch event ExitFullScreen of a video ? I need to redraw the page when I exit the FullScr… Read more How Can I Catch Event Exitfullscreen Of A Video?

Hovering On Overlapping Css3 Shapes

Alright I have a potentially tricky question regarding interacting with shapes created via CSS3. Se… Read more Hovering On Overlapping Css3 Shapes

Webkit Notifications Requestpermission Function Doesn't Work

I am trying to implement support for WebKit's native desktop notifications on my site. When I t… Read more Webkit Notifications Requestpermission Function Doesn't Work

Style Behavior Difference Between Webkit And Gecko

I was working on a web application when I noticed some peculiar behavior. I have an element with st… Read more Style Behavior Difference Between Webkit And Gecko

Is It Possible To Make Part Of The Browser Transparent To Display Underlying Desktop/windows In A Web App?

I am developing a web application (meant to run work as a rich client and able to afford requiring … Read more Is It Possible To Make Part Of The Browser Transparent To Display Underlying Desktop/windows In A Web App?

Horizontal One-page Site: Mobile-webkit Scrolling & Swiping Issues

Here is a basic demo of what I'm working with: http://jsfiddle.net/3N8wY/9/ Issue #1 If you vie… Read more Horizontal One-page Site: Mobile-webkit Scrolling & Swiping Issues

Allow Chrome To Select Both/either Directory Or Files

If I insert in a html file, chrome will allow you to select directories, however not files. If I t… Read more Allow Chrome To Select Both/either Directory Or Files

How Can I Set A Max-values To A Css Mask?

i am using this code to implemente a svg mask in top of a video layer. It works great, but how can … Read more How Can I Set A Max-values To A Css Mask?

How To Clip Canvas With Css Clip-path?

I know that I can clip a canvas by creating a path with getContext('2d') and setting global… Read more How To Clip Canvas With Css Clip-path?

Synchronous Redraw In Webkit/wait For Dom Update?

I'm manipulating the transform property like so in my webpage in order to achieve a scrolling e… Read more Synchronous Redraw In Webkit/wait For Dom Update?

Webkit Border Radius Combined With Css3 Translate3d Bleeding

I'm struggling with a problem on Webkit based browsers where if I add a border radius to a div … Read more Webkit Border Radius Combined With Css3 Translate3d Bleeding

Svg Elements Not Displaying In Safari

I have some inline svg in an html5 doc, like so: Solution 1: Turns out Safari 6.0 doesn't … Read more Svg Elements Not Displaying In Safari

Container Height Issue Using Flexslider 2 Only On Ios Device

I have a flexslider slideshow with an image and a spot for featured text. On the full site it start… Read more Container Height Issue Using Flexslider 2 Only On Ios Device

Touchmove Event On Mobile Safari - Causes The Whole Page To Be Dragged

when applying touch events as per apple documentation element.addEventListener('touchstart'… Read more Touchmove Event On Mobile Safari - Causes The Whole Page To Be Dragged

Webkit Css Resize Doesn't Work With Canvas As Child?

Suppose the following html and css code snippet: I would expect the div to be resizeable, and in f… Read more Webkit Css Resize Doesn't Work With Canvas As Child?