chrome, cy.js 2.1.0: nodes disappear with mouse motion - cytoscape.js

macos 10.7.5
chrome Version 32.0.1700.107
Version 32.0.1700.107
and the simple "single.html" helpfully provided by gcpdev:
live code examples: cytoscape.js initialization -- incomplete?
Any movement by the mouse in the canvas makes the nodes disappear. zooming and and out (with middle mouse roller button, for instance) makes them visible.
This problem is only on Chrome. Firefox and Safari work fine.
Any suggestions?
Thanks!
Paul Shannon

I can't reproduce this on Mac OS 10.9 with Chrome 32, which probably indicates this is a problem with Chrome rendering canvas on that version of Mac OS.
I notice that the linked demo is using v2.0.2. Have you tried an updated v2.0.x release or v2.1.0?

Try using pinch-zoom to set the zoom level for the webpage (not for the Cytoscape canvas element, which has its own separate zooming operated by scrolling with two fingers on the trackpad) to 100%. This fixed it for me, based on this question and this github issue, both about an almost identical issue in Firefox.

Related

Why does this drop-shadow appear only if overflow-x is available?

This is only observed on Safari Version 15.6 (17613.3.9.1.5); Firefox seems to render as expected.
Observe the following via the Tailwind playground:
https://play.tailwindcss.com/CBCrf9Ujbt
The above has scrollable space on the x-axis. Now if we remove the long comment, observe the drop-shadow disappear:
https://play.tailwindcss.com/74dWNJOG0k
Why is this happening and how can we work around this such that the drop-shadow displays consistently?

Bing maps v8 pin position is off when zoomed

I am using Bing Maps V8 web API. It works fine when using all latest version of modern browsers. It does not plot the pins correctly. The pins are off from the original position.
Zoomed in:
Zoomed Out:
All of the pin locations are supposed to be inside the land area. But when zooming out, the pin never updates its location.
Is there anything I am missing? Is there any update event to be fired when map zooms?
Thanks
Senthil S
To fix the issue, I had to add the "anchor" to options when creating Pushpin object as said in this post
Properly Anchoring Pushpins

Video.js vertical orientation player

I'm a newbie with video.js.
I would like to ask if anybody had tried to resizing the player to play a video in 9:16 (vertical) and fit perfectly the size of the player.
So far it does work but only on Firefox 28.0 not on Chrome and Safari(Mac os) also Chrome, Safari and IE (Win os).
Instead I got the player in vertical but the video is very small and playing in 16:9.
Thank you in advance, I've been reallt stuck on it for too long.
Let me know if you need more details or the whole project.
Best,
Mitch

Adobe Air laggy on Dell Inspiron Touch 1

OK, this might be a very specific question, but I am seriously stuck.
I have an Adobe Air desktop app which runs fullscreen on a Dell Inspiron Touch PC (OS is Win8). The interaction involves some dragging with the finger/mouse.
Edit: I use Air 3.8
Here's my problem: when operated with the mouse, everything works fine and smooth, on this computer and on every other PC I tested it on. But with touch input everything becomes obviously laggy.
When operated by touch, the OS shows a dot which indicates the current position of the recognized finger. When the finger is moved around, this OS output is significantly more responsive than the Air app, where dragging takes longer and lags. So I assume that the problem lies in delivering the touch events to the app.
What I have tried:
setting different values for MultiTouch.inputMode, assuming that
MultiTouchInputMode.NONE would be the most performant
installing a new driver for touch input
setting the mouse speed of the OS to "high"
setting the touch area size of the OS to "small"
Nothing did have an impact, and I am out of guesses…
Does someone have an idea or even experience with this stuff?
Thanks!
Because I had very little time and had to find a solution very quickly (it was a kiosk app for an event), I chose this alternative which worked perfectly: I made a flash file that is shown in the browser in fullscreen. No lag, no performance issues at all. I still don't know what caused this behavior though. No time…

Does Webkit render 8bit PNGs correctly

I've come across a weird problem whilst trying to optimise the following image:
It should have a little shadow down each of the left and right hand sides. However, in webkit (tried mac safari and chrome) the right hand edge loses its little shadow entirely. I've used multiple utilities to create the image and even tried copying a flipped version of the left hand side to the right, all to no avail.
Have I generated the png incorrectly or does webkit have a problem? It looks as it should in Firefox, IE etc.
This may have been a bug with the WebKit rendering engine, but it appears to render correctly now.