The product zoomer is not visible

[depak379mandal]

there is extra div in product zoomer elements which are height and width and those are set to 0px But when i removed them using inspection they were not working fine. code is given below

<div data-v-033bd07e="" class="zoomer-bottom-base-container scroller-at-bottom" style="height:NaNpx;width:0px;position:relative">
  <img data-v-033bd07e="" draggable="false" class="responsive-image preview-box"> 
  <div data-v-033bd07e="" class="thumb-list" style="width:0px;height:NaNpx;grid-template-columns:calc(100%/6/2) repeat(4, auto) calc(100%/6/2);visibility:visible;">
    <img data-v-033bd07e="" src="data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNCAyNCI+PGc+CiAgICAgICAgPHBhdGggZmlsbD0ibm9uZSIgZD0iTTAgMGgyNHYyNEgweiIvPgogICAgICAgIDxwYXRoIGQ9Ik0xMC44MjggMTJsNC45NSA0Ljk1LTEuNDE0IDEuNDE0TDggMTJsNi4zNjQtNi4zNjQgMS40MTQgMS40MTR6Ii8+CiAgICA8L2c+Cjwvc3ZnPg==" alt="move thumb icon" class="zoomer-control responsive-image"> 
<img data-v-033bd07e="" draggable="false" src="https://images.unsplash.com/photo-1495856458515-0637185db551?ixlib=rb-1.2.1&amp;ixid=eyJhcHBfaWQiOjEyMDd9&amp;auto=format&amp;fit=crop&amp;w=750&amp;q=80" class="responsive-image"> <img data-v-033bd07e="" src="data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNCAyNCI+PGc+CiAgICAgICAgPHBhdGggZmlsbD0ibm9uZSIgZD0iTTAgMGgyNHYyNEgweiIvPgogICAgICAgIDxwYXRoIGQ9Ik0xMy4xNzIgMTJsLTQuOTUtNC45NSAxLjQxNC0xLjQxNEwxNiAxMmwtNi4zNjQgNi4zNjQtMS40MTQtMS40MTR6Ii8+CiAgICA8L2c+Cjwvc3ZnPg==" alt="move thumb icon" class="zoomer-control responsive-image">

</div> 
<div data-v-033bd07e="" id="zoomer-bottom-pane-container" class="pane-container" style="width:0px;height:2px;left:5px;"></div>
</div>

[depak379mandal]

Sorry for issue I think I didn't provide valid data or something.