Articles of webkit

Retornar HTML de um texto selecionado pelo usuário

Eu tenho a seguinte página html muito simples: function alertSelection() { var selection = window.getSelection(); var txt = selection.toString(); alert(txt); } This is the text. Quando seleciono toda a primeira linha e passo o mouse sobre o quadrado, recebo um alerta com “Este é o texto”. Como eu consertaria isso para que a tag span […]

Qual é o valor “-moz-appearance” correto para ocultar a seta suspensa de um elemento

Estou tentando estilizar a seta suspensa de um elemento apenas com CSS. Funciona perfeitamente no Chrome / Safari: select { -webkit-appearance: button; -webkit-border-radius: 2px; -webkit-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.1); -webkit-padding-end: 20px; -webkit-padding-start: 2px; -webkit-user-select: none; background-image: url(‘./select-arrow1.png’) ; background-position: center right; background-repeat: no-repeat; border: 1px solid #AAA; margin: 0; padding-top: 2px; padding-bottom: […]

Como definir o estilo -webkit-transform dinamicamente usando JavaScript?

Eu quero alterar a propriedade -webkit-transform: rotate() usando JavaScript dinamicamente, mas o comumente usado setAttribute não está funcionando: img.setAttribute(‘-webkit-transform’, ‘rotate(60deg)’); O .style não está funcionando também … Como posso definir isso dinamicamente em JavaScript?

$ http não envia cookies nas solicitações

Estamos trabalhando em um Webservice RESTful com AngularJS e Java Servlets. Quando o usuário faz login, nosso back-end envia um header “Set-Cookie” para o frontend. Em Angular acessamos o header via $cookies (ngCookie – module) e configuramos. Agora que o usuário está logado, ele pode, por exemplo, excluir algumas coisas. Portanto, o frontend envia uma […]

Elemento fixo desaparece no Chrome

Ao rolar em um site que eu construí, usando a position: fixed propriedade CSS position: fixed obras position: fixed como esperado para manter uma barra de navegação no topo da página. No Chrome, no entanto, se você usar os links na barra de navegação, às vezes ele desaparece. Normalmente, o item em que você clicou […]

Como impedir a mudança de renderização de texto do Webkit durante a transição de CSS

Estou usando transições de CSS para fazer a transição entre estados transformados de CSS (basicamente fazendo a transição da escala de um elemento). Percebo que, quando o elemento está em transição, o restante do texto na página (no Webkit) tende a alterar levemente sua renderização até que a transição seja concluída. Violino: http://jsfiddle.net/russelluresti/UeNFK/ Também notei […]

Problemas de jQuery / JS, iOS 4 e $ (document) .height ()

Eu me deparei com um problema estranho com o que parece ser várias versões de navegadores Webkit. Estou tentando posicionar um elemento no centro da canvas e para fazer os cálculos, preciso obter várias dimensões, especificamente a altura do corpo e a altura da canvas. Em jQuery eu tenho usado: var bodyHeight = $(‘body’).height(); var […]

existe uma alternativa ao DOMAttrModified que funcionará no webkit

Eu preciso aproveitar esse evento DOM. O IE tem onpropertychange, que faz o que eu preciso fazer também. O Webkit não parece suportar este evento, no entanto. Existe uma alternativa que eu poderia usar?

Consulta de mídia CSS para segmentar apenas iPad e iPad?

Oi eu estou trabalhando com vários dispositivos tablet, iPad, Galaxy Tab, Acer Iconia, LG 3D Pad e assim por diante. iPad – 1024 x 768 LG Pad – 1280 x 768 Galaxy Tab – 1280 x 800 Quero segmentar o iPad apenas usando a consulta de mídia CSS3. Como a largura do dispositivo LG e […]

WebKit: Texto desfocado com escala css + translate3d

Estou vendo um problema em que o Chrome e outros navegadores WebKit desfocam maciçamente qualquer conteúdo em escala de CSS que também tenha translate3d aplicado. Aqui está um JS Fiddle: http://jsfiddle.net/5f6Wg/ . (Ver no Chrome.) .test { -webkit-transform: translate3d(0px, 100px, 0px); } .testInner { /*-webkit-transform: scale(1.2);*/ -webkit-transform: scale3d(1.2, 1.2, 1); text-align: center; } This is […]