Stack Overflow
Stack Overflow

Questions tagged [webkit]

WebKit is an open-source Web content engine for browsers and other applications, such as Apple Safari, Mail, App Store and several mobile browsers including the pre-installed browsers for Android, iOS, RIM Blackberry, Symbian, and WebOS.

WebKit is an open-source Web content engine for browsers and other applications and was originally released by Apple in 2003 as part of its Safari browser.

Due to its open source nature and clean design, WebKit has been taken on and implemented as the engine for a wide variety of web browsers.

Documentation

7191 questions
701
votes
19 answers

How to remove the border highlight on an input text element

When an HTML element is 'focused' (currently selected/tabbed into), many browsers (at least Safari and Chrome) will put a blue border around it. For the layout I am working on, this is distracting and does not look right.
user170579
  • 7,400
  • 6
  • 22
  • 21
610
votes
33 answers

Maximum call stack size exceeded error

I am using a Direct Web Remoting (DWR) JavaScript library file and am getting an error only in Safari (desktop and iPad) It says Maximum call stack size exceeded. What exactly does this error mean and does it stop processing completely? Also any…
testndtv
  • 43,898
  • 91
  • 265
  • 396
583
votes
12 answers

Javascript / Chrome - How to copy an object from the webkit inspector as code

I am doing a console.log statement in my javascript in order to log a javascript object. I'm wondering if there's a way, once that's done - to copy that object as javascript code. What I'm trying to do is convert an object that was created using…
mheavers
  • 26,845
  • 54
  • 181
  • 285
581
votes
6 answers

CSS transition shorthand with multiple properties?

I can't seem to find the correct syntax for the CSS transition shorthand with multiple properties. This doesn't do anything: .element { -webkit-transition: height .5s, opacity .5s .5s; -moz-transition: height .5s, opacity .5s .5s; …
Gregory Bolkenstijn
  • 9,055
  • 7
  • 33
  • 38
510
votes
9 answers

WebKit issues with event.layerX and event.layerY

I just noticed that I get tons of deprecated warnings in the latest (canary) build of Chrome. event.layerX and event.layerY are broken and deprecated in WebKit. They will be removed from the engine in the near future. Looks like jQuery is screwing…
PeeHaa
  • 66,697
  • 53
  • 182
  • 254
440
votes
15 answers

Submitting a form on 'Enter' with jQuery?

I have a bog-standard login form - an email text field, a password field and a submit button on an AIR project that's using HTML/jQuery. When I hit Enter on the form, the entire form's contents vanish, but the form isn't submitted. Does anyone…
b. e. hollenbeck
  • 6,189
  • 7
  • 29
  • 44
352
votes
10 answers

Custom CSS Scrollbar for Firefox

I want to customize a scrollbar with CSS. I use this WebKit CSS code, which works well for Safari and Chrome: ::-webkit-scrollbar { width: 15px; height: 15px; } ::-webkit-scrollbar-track-piece { background-color:…
Dimitri Vorontzov
  • 6,686
  • 10
  • 44
  • 75
315
votes
14 answers

What is WebKit and how is it related to CSS?

More recently, I have been seeing questions with the tag "webkit". Such questions usually tend to be web-based questions relating to CSS, jQuery, layouts, cross-browers compatibility issues, etc... So what is this "webkit" and how does it relate to…
Hristo
  • 42,002
  • 60
  • 155
  • 224
294
votes
14 answers

Convert Data URI to File then append to FormData

I've been trying to re-implement an HTML5 image uploader like the one on the Mozilla Hacks site, but that works with WebKit browsers. Part of the task is to extract an image file from the canvas object and append it to a FormData object for…
Stoive
  • 10,712
  • 4
  • 22
  • 31
292
votes
20 answers

How can I debug javascript on Android?

I'm working on a project that involves Raphaeljs. Turns out, it doesn't work on Android. It does on the iPhone. How the heck to I go about debugging something on the Android browser? It's WebKit, so if I know the version, will debugging it on that…
jvenema
  • 42,243
  • 5
  • 64
  • 107
282
votes
30 answers

Get the real width and height of an image with JavaScript? (in Safari/Chrome)

I am creating a jQuery plugin. How do I get the real image width and height with Javascript in Safari? The following works with Firefox 3, IE7 and Opera 9: var pic = $("img") // need to remove these in of case img-element has set width and…
Frank Bannister
  • 3,207
  • 5
  • 18
  • 10
277
votes
5 answers

Chrome / Safari not filling 100% height of flex parent

I want to have a vertical menu with a specific height. Each child must fill the height of the parent and have middle-aligned text. The number of children is random, so I have to work with dynamic values. Div .container contains a random number of…
Ricardo Castañeda
  • 5,318
  • 6
  • 25
  • 38
264
votes
5 answers

JavaScript: Is there a way to get Chrome to break on all errors?

I am looking for an equivalent in Chrome to the "break on all errors" functionality of Firebug. In the Scripts tab, Chrome has a "pause on all exceptions", but this is not quite the same as breaking on all errors. For instance, when loading a page…
avernet
  • 28,976
  • 43
  • 119
  • 160
253
votes
28 answers

How can I force WebKit to redraw/repaint to propagate style changes?

I have some trivial JavaScript to effect a style change: sel = document.getElementById('my_id'); sel.className = sel.className.replace(/item-[1-9]-selected/,'item-1-selected'); return false; This works fine with the latest versions of FF, Opera and…
danorton
  • 11,049
  • 7
  • 37
  • 51
253
votes
18 answers

Background color not showing in print preview

I am trying to print a page. In that page I have given a table a background color. When I view the print preview in chrome its not taking on the background color property... So I tried this property: -webkit-print-color-adjust: exact; but still…
user2045025
1
2 3
…
99 100