[PW] in Chrome werken de sliders niet bij selecteren product

[its_Muppet]

Als ik met Chrome op Windows 8 in de PriceWatch een selectie wil maken. Bijvoorbeeld min-max prijs, werken de sliders niet goed. Met heel veel moeite gebeurt het wel eens dat de linker slide beweegt, maar dan probeer ik juist de rechter slide naar beneden te zetten.

[Glaanie]

Move naar Lieve Devvers

[crisp]

Ik neem aan dat je hier dan een touchscreen gebruikt en geen muis?

[Lethalshot]

Een zelfde probleem doet zich bij mij voort.
In de pricewatch kan ik onder Chrome (Versie 24.0.1312.57 m) de sliders niet bewegen.
Ik kan alleen op de balkjes klikken waardoor 1 van de 2 sliders (linker of rechter welke dichterbij is) verplaatst.
Dit geeft een heel onnauwkeurige selectie.
Na een test onder IE9 werkt het daar wel gewoon zoals het hoort (als in de sliders kan je gewoon selecteren en slepen waarna de selectie waarde erboven wordt weergegeven).
Ik draai onder win7.

[crisp]

Ik kan dat niet reproduceren in dezelfde versie Chrome. Misschien een extensie die roet in het eten gooit?

[Lethalshot]

Ik heb geen extensies aanstaan in Chrome. Zelf vind ik het ook apart want het heeft altijd gewerkt. Ik zal eens gaan zoeken en als ik een oplossing vind het hier posten.

[crisp]

Lethalshot schreef op zondag 03 februari 2013 @ 13:32:
Ik heb geen extensies aanstaan in Chrome. Zelf vind ik het ook apart want het heeft altijd gewerkt. Ik zal eens gaan zoeken en als ik een oplossing vind het hier posten.

Heel graag Heb je dit probleem bij alle sliders, of wellicht alleen bij een specifieke categorie? Check ook eventueel je javascript console voor foutmeldingen.

[Lethalshot]

Het probleem doet zich voort bij alle sliders.
Chrome is opnieuw geinstalleerd, alle plug-ins uitgeschakeld en de javascript console geeft geen foutmeldingen alleen een warning "invalid property value" bij deze 2 regels (in div.sliderbar):
background-image: -moz-linear-gradient(#8ec000,#80af00);
background-image: linear-gradient(#8ec000,#80af00);

Alle browse geschiedenis/cookies ect van Chrome ook gewist en hielp helaas ook niet.

Ga nog even verder met zoeken, maar begin uit ideeen om te testen te raken.

[stevenw64]

Hier hetzelfde probleem. Het is echt irritant. De filter is gewoon niet te gebruiken. Ik moet nu IE gebruiken voor de pricewatch. Had wel iets beters verwacht van de nieuwe tweakers. Ook raar dat dit niet getest is. En als het wel getest is.. waarom zit deze bug er dan al sinds de nieuwe design erin.

[crisp]

stevenw64 schreef op woensdag 20 februari 2013 @ 22:19:
Hier hetzelfde probleem. Het is echt irritant. De filter is gewoon niet te gebruiken. Ik moet nu IE gebruiken voor de pricewatch. Had wel iets beters verwacht van de nieuwe tweakers. Ook raar dat dit niet getest is. En als het wel getest is.. waarom zit deze bug er dan al sinds de nieuwe design erin.

Uiteraard is dit wel gewoon getest, en wij zelf ondervinden hier geen problemen. Vooralsnog lijkt het er op dat dit probleem slechts bij een enkeling speelt, en de vraag is dan ook wat de oorzaak precies is. Vooralsnog vermoeden wij toch een probleem aan de gebruikerkant en dat is voor ons natuurlijk heel erg lastig te onderzoeken

[WimBarelds]

Ik heb ook dit probleem ,en gebruik hier om al enige tijd Internet explorer. Het is nogal irritant om elke keer voor de pricewatch IE te openen, maar helaas.

Ter nadere informatie:

Behalve de sliders doen alle controls het, inclusief the "Wel/Niet" toggles en de uitklapbare velden.

Als ik bij element inspecteren kijk zie ik de volgende events:
DomContentLoaded
DragStart
SelectStart
Click
Submit
TouchStart

Hieronder heb ik van dragstart de eigenschappen die mij mogenlijk relevant lijken:

listenerBody: "function cancelEvent(e){if((e=e||window.event))if(e.preventDefault){e.preventDefault()}else if(e.cancelBubble!=undefined){if(e.keyCode)e.keyCode=0;e.returnValue=0;e.cancelBubble=true};return false}"

useCapture: false

node[]
-> draggable: true
-> ondragstart: function cancelEvent(e){if((e=e||window.event))if(e.preventDefault){e.preventDefault()}else if(e.cancelBubble!=undefined){if(e.keyCode)e.keyCode=0;e.returnValue=0;e.cancelBubble=true};return false}
ondrop: null
onerror: null
onfocus: null
oninput: null
oninvalid: null
onkeydown: null
onkeypress: null
onkeyup: null
onload: null
onmousedown: null
onmousemove: null
onmouseout: null
onmouseover: null
onmouseup: null
onmousewheel: null
onpaste: null
onreset: null
onscroll: null
onsearch: null
onselect: null
onselectstart: null
onsubmit: null
ontouchcancel: null
ontouchend: null
ontouchmove: null
ontouchstart: null
onwebkitfullscreenchange: null
onwebkitfullscreenerror: null
outerHTML: "<img class="sliderPointer" src="http://tweakimg.net/g/slider/sliderPointer.png" style="left: 144px;">"
outerText: ""
ownerDocument: document
parentElement: div.sliderBar
parentNode: div.sliderBar
prefix: null
previousElementSibling: div.sliderLabel
previousSibling: div.sliderLabel
scrollHeight: 20
scrollLeft: 0
scrollTop: 0
scrollWidth: 14
spellcheck: true
src: "http://tweakimg.net/g/slider/sliderPointer.png"
style: CSSStyleDeclaration
tabIndex: -1
tagName: "IMG"
textContent: ""
title: ""
translate: true
useMap: ""
vspace: 0
webkitPseudo: ""
webkitShadowRoot: null
webkitdropzone: ""
width: 14
x: 472
y: 1764
__proto__: HTMLImageElement


Als ik dit vergelijk met browsers waar het wel in werkt, zie ik eigenlijk geen verschil. Tijdens het laden zowel als tijdens het proberen te slepen treden er geen errors op.

[crisp]

WimBarelds schreef op dinsdag 12 maart 2013 @ 23:01:
[...]
Als ik bij element inspecteren kijk zie ik de volgende events:
[...]
TouchStart

Die is verdacht; is je device ook daadwerkelijk touch-enabled?

[Ibjelot]

Voeg me hier in de discussie in plaats van het andere topic Ibjelot in "Sliders werken niet in Chrome versie 25.0.1364.160 m"

Ik heb even mijn laptop erbij gepakt, en met dezelfde chrome versie als op mijn pc is er niks aan de hand, de schuifjes werken naar behoren.
En om nog wat uit te sluiten, heb ik een virtual machine opgestart op mijn PC met windows 7, en daar is het ook mogelijk om te schuiven met de schuifjes.
Dus het is zeker een lokaalprobleem.

Mijn events zien er wel iets anders uit:

• DOMContentloaded
• click
• submit
• selectstart

[ Voor 8% gewijzigd door Ibjelot op 13-03-2013 00:48 ]

[WimBarelds]

crisp schreef op dinsdag 12 maart 2013 @ 23:12:
[...]

Die is verdacht; is je device ook daadwerkelijk touch-enabled?

Nee, het is een reguliere desktop pc.

[Bosmonster]

http://modernizr.github.com/Modernizr/touch.html

Als je daarnaartoe gaat met Chrome, wat geven die waardes bovenaan dan? Ben zelf ook wel erg benieuwd welke Chrome versies hier afwijken.

Weet niet precies hoe T.NET checkt op touch, maar neem aan één van deze opties.

[crisp]

Bosmonster schreef op woensdag 13 maart 2013 @ 14:15:
http://modernizr.github.com/Modernizr/touch.html

Als je daarnaartoe gaat met Chrome, wat geven die waardes bovenaan dan? Ben zelf ook wel erg benieuwd welke Chrome versies hier afwijken.

Weet niet precies hoe T.NET checkt op touch, maar neem aan één van deze opties.

Wij gebruiken dezelfde check als modernizr

[Ibjelot]

Op mijn computer is alles Yes, behalve typeof Touch == "object".

Zelfde test in VM gedaan en daar is alles No, behalve typeof TouchEvent != "undefined"

[Ibjelot]

Oplossing gevonden.

Ben aan het neuzen geweest in chrome://flags
En daar staat op 4/5 van de pagina het volgende:
Aanraakgebeurtenissen inschakelen
en
Gebruikersinterface geoptimaliseerd voor aanraken.

Deze stonden op automatisch. Aangezien ik toch geen touch heb en krijg op mijn dekstop-pc, heb ik ze maar uitgeschakeld.
Daarna chrome opnieuw opgestart. En werkelijk. De sliders werken weer naar behoren!

[Bosmonster]

Wat ik me vooral afvraag is hoe zoiets ineens aan kan staan

Het kan potentieel een hoop stuk maken namelijk.

[ Voor 29% gewijzigd door Bosmonster op 13-03-2013 16:41 ]

[WimBarelds]

Ibjelot schreef op woensdag 13 maart 2013 @ 15:52:
Oplossing gevonden.

Ben aan het neuzen geweest in chrome://flags
En daar staat op 4/5 van de pagina het volgende:
Aanraakgebeurtenissen inschakelen
en
Gebruikersinterface geoptimaliseerd voor aanraken.

Deze stonden op automatisch. Aangezien ik toch geen touch heb en krijg op mijn dekstop-pc, heb ik ze maar uitgeschakeld.
Daarna chrome opnieuw opgestart. En werkelijk. De sliders werken weer naar behoren!

Dit heeft ook voor mij gewerkt. Maar stel, ik heb wel een touchscreen op mijn desktop, dan zou de muis toch nog wel moeten werken? Nouja, ik heb nog niet zo'n monitor- maar toch een klein bugje lijkt mij.

[xmc]

FYI dit probleem treed ook op in Firefox, ook daar is de oplossing aanraakgebeurtenissen uitschakelen:
Ga naar about:config en zoek naar dom.w3c_touch_events.enabled. Bij mij stond dat op 2 (betekent waarschijnlijk automatisch).
Als je dat naar 0 verandert dan doen de sliders het.

Ik heb het vermoeden dat in mijn geval mijn teken tablet dit veroorzaakt heeft. Als je zo'n ding namelijk installeert dan wordt het OS ineens permanent touch-enabled oid... Bij Configuratiescherm -> Systeem zie ik dan "Pen and Touch Input Available with 2 Touch Points" staan.

[Lethalshot]

Dit heeft het probleem ook hier verholpen. Bedankt Ibjelot!

[Maite de Jong]

Goed te horen dat de oorzaak is gevonden!

[crisp]

Laat niet onverlet dat wij dit toch zullen moeten fixen. We kunnen er niet meer blind vanuit gaan dat als een UA zegt touch-events te ondersteunen dat we dan dus niet meer naar mouse-events hoeven te kijken. Die tijd is voorbij...

[Maite de Jong]

We hebben hier een fix voor gemaakt. Zou nu weer goed moeten werken. De fix gaat mee in een volgende release.