Topic: UI Wdiget with Google Chrome Inside Table Not Working

Hi

Can somebody please help me with Google Chrome version 12.0.742.100 and flash runtime / jquery ui widget?
When the uploader div is inside table <td> tag, I can not simply click "Add File" button.
It works for FF and I.E. but not in Chrome.

Please advise.

Last edited by takumix (2011-06-20 23:53:21)

Re: UI Wdiget with Google Chrome Inside Table Not Working

Try to place your uploader div in another, wrapper div and pass it's id as a value for container option.

If you want to see your issue fixed, do not report it here, do it on - GitHub.

Re: UI Wdiget with Google Chrome Inside Table Not Working

thanks so much. you are the man. now it works!!

Re: UI Wdiget with Google Chrome Inside Table Not Working

Thank you both.

I was experiencing the exact same issue on IE9 and Chrome (12.0.742.112) under Windows 7. IE9 is now working, but I'm still having problems with Chrome.

Chrome (same version) on Mac OS X (10.6.8) works just fine.

Here's a live implementation of the uploader:

http://jwallpapers.wextend.com/travel-p … mitpicture

It seems that there's a z-index issue.

Thanks in advance.

Arunas

Re: UI Wdiget with Google Chrome Inside Table Not Working

Hi

What I did was I assign id to <tr> which contains plupoder div.
Then specify container option.

But this work around works for WebKit Browser and other browser such as firefox will not going to work.... So I have condition to checks user agent first and if it's webkit, place container option.

Re: UI Wdiget with Google Chrome Inside Table Not Working

@takumix,

Actually, the container solution provided by davit works pretty well on every browser I've tried (webkit and its children included).

However, the problem still persist with Chrome on Windows.

Arunas

Re: UI Wdiget with Google Chrome Inside Table Not Working

I wanted to add that this is only happening with the flash runtime.

By taking a closer look, it seems that the whole problem is that the flash container is being incorrectly positioned in Chrome for Windows: top: 0px; width: 100%; height: 100%. On other browsers (Chrome for Mac included) these values are different: top: 200px; width: 91px; height: 26px; left: 6px.

If I set the html5 runtime all alone, the uploader works fine on Chrome for Windows.

Thoughts ?.

Re: UI Wdiget with Google Chrome Inside Table Not Working

Well, I just came with a dirty workaround.

While playing with the in Chrome code inspector, I've noticed that if I change the width and the height of the flash container, plupload proceeds to a re-calculation of the container.

For now, the problem is "solved", but I would like to know if there's a more elegant approach to deal with this problem.

Davit, I can setup the uploader on another live site for you to take a look. Just let me know.

Arunas

Re: UI Wdiget with Google Chrome Inside Table Not Working

thanks a whole lot. you did a fantastic job. currently it works very fine.
So glad to see it working cheers smile

Re: UI Wdiget with Google Chrome Inside Table Not Working

The Error message i received is :-
This page contains the following errors:
error on line 65 at column 327: Char 0x0 out of allowed range
Below is a rendering of the page up to the first error.