Google Picker on modal about angular-google-picker

[softmonkeyjapan]

Hi,

This happen because the Picker's z-index value is lower than the modal one. Ideally, it's value should be above 1050 (bootstrap modal z-index value).

Using jQuery/Angular, you can achieve this by changing on the fly the .picker-dialog z-index to a higher value.

On my hand, I could maybe allow to pass some extra css rules to the picker dialog in order to change it's behavior. I will digg into that and will try to provide a decent solution.

[vicki3z]

Hi,

Thank you very much.
It did solve the problem.

I forgot to mention that I got some error in the console saying
Failed to execute 'postMessage' on 'DOMWindow': The target origin provided ('https://docs.google.com') does not match the recipient window's origin ('http://localhost:9000').
about:blank:1 Invalid 'X-Frame-Options' header encountered when loading 'https://docs.google.com/picker?protocol=gadgets&origin=http%3A%2F%2Flocalho…%3Atrue%7D))&rpctoken=yoge09slzawg&rpcService=efqc522wu1wy&thirdParty=true': 'ALLOW-FROM http://localhost:9000' is not a recognized directive. The header will be ignored.

Well... the solution did solve the problem of picker dialog went behind bootstrap modal, but it still shows the error in the console. I'm not sure whether I should be concerned about this or not

[softmonkeyjapan]

Ok cool, I'm glad you figured out a way to fix it. About the errors, this is a Google problem. Here is a link to the related issue : #1

[theanuraggupta]

I'm getting an empty box with the same error. Please help me.

[sandeepdeore08]

I am getting error with empty box of upload File ..