Skip to content

change the zoom-overlay position to fix #70#78

Open
geekplux wants to merge 4 commits intofat:masterfrom
geekplux:patch
Open

change the zoom-overlay position to fix #70#78
geekplux wants to merge 4 commits intofat:masterfrom
geekplux:patch

Conversation

@geekplux
Copy link

@geekplux geekplux commented May 24, 2016

fix #70

change the zoom-overlay position from the <body> child to .zoom-img-wrap bro.

@ElegantSudo
Copy link

ElegantSudo commented Jun 13, 2016

Awesome effort, but this doesn't fix the issue we were describing.

Read this: #77

@geekplux
Copy link
Author

@ElegantSudo Thanks. My code LGTM for me and just fix #70 . What you described in #77 is anther way to fix the problem, I think..
And it seem unconcerned for author about this..😓

@ElegantSudo
Copy link

It's evident that the author doesn't care.

I'm developing a fix right now to the problem. I tried yours out, but it wasn't working.

@geekplux
Copy link
Author

ahh, How about having a try: change the one line code

document.body.appendChild(this._overlay)

to

this._targetImageWrap.parentNode.insertBefore(this._overlay, this._targetImageWrap)

It works for me only changed this. 😝I just tried it again.

@ElegantSudo
Copy link

ElegantSudo commented Jun 13, 2016

@geekplux In my case, that doesn't work. If I do that, the white overlay won't show and the image is still cut off when it overflows its parent.

@geekplux
Copy link
Author

hmm..Do you make sure your CSS and JS are the latest?

@geekplux
Copy link
Author

geekplux commented Jun 13, 2016

@ElegantSudo

You can refer to this: https://jsfiddle.net/GeekPlux/rym45g8c/

and..now is 3:30 am, I'm going to sleep ;) thank you again.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

Image disappears on zoom

4 participants