Edge and IE problems.

[psweeting1]

This only happens on Edge, IE11, IE10 and lower. If you have an output window for zooming you'd normally get a nice border around the zoom container, instead the image you're zooming into appears twice, one is in the zoom container as normal and works fine and another is behind the zoom container removing the nice border. This doesn't always happen in Edge, however resize my browser it'll appear, as for IE11 and lower it always happens.

This only happens on Microsoft browsers.

[psweeting1]

Changing the CSS fixes the double image problem with the preview container.

.xzoom-preview {
  border: 1px solid #888;
  background: #2f4f4f;
  box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.5);
  overflow: hidden;
  z-index: 999; //add z-index to bring the preview container forward.
}

This fixes the problem with Edge, IE11 and later.