Wj-popup modal postion is buggy

Wj-popup modal postion is buggy

Posted by: feniksreborn on 28 February 2018, 4:54 am EST

• 

  feniksreborn

  • Post Options:
  • Link
    Copy
  • Jump To Answer

  Posted 28 February 2018, 4:54 am EST

  Hello,

  Environment:
  
  Angular 5
  
  Wimo “5.20173.409”
  
  TypeScript
  
  “bootstrap”: “^3.3.7”,

  I have noticed that:

  1. I open the modal for the first time, the modal is not centered and it’s closer to bottom.
  2. I close the modal and open it for the second time and modal is centered now.

  <button (click)="show()">show modal</button>
  
  <wj-popup class="modal-content wj-control wj-content wj-popup" tabindex="-1" 
            [modal]="true" [hideTrigger]="'None'" #modal style="width:600px;">
  
      <h4 class="modal-header">
        Test
          <button class="close wj-hide" tabindex="-1" type="button">×</button>
      </h4>
    <div class="modal-body">
      <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit.
      Accusantium doloremque, ratione doloribus consequatur cupiditate ad, 
      nemo velit consequuntur id quisquam minus deleniti veniam officia 
      recusandae labore consectetur a repellat molestias.
      </p>
    </div>
  
          <div class="modal-footer" >
                  <button class="btn btn-success" type="button">
                      <i class="fa fa-hand-rock-o"></i>
                 Selection
                  </button>
                  <button class="btn btn-default" type="button">
                      <i class="fa fa-fw fa-times"></i>
                      Cancel
                  </button>
          </div>
  
  </wj-popup>
  

  Any suggestion how to solve this issue?

  Thank you

• 

  manish.gupta

  

  • Post Options:
  • Link
    Copy

  Posted 28 February 2018, 6:19 am EST

  Hi,
  
  We are sorry, we are unable to replicate the issue at our end with build 5.20173.409. Please find the attached sample and screenshot.

  ~Manish

  Wj.Popup.Center.zip

• 

  feniksreborn

  • Post Options:
  • Link
    Copy

  Posted 6 March 2018, 6:25 am EST

  Hi,

  I am having the same problem, modal is not centered.
  
  I have made two screenshots, you can see that the property top is changing, but I don’t now way?

  Any sugesstion?

  Thank you

• 

  abhishek.dutta

  

  • Post Options:
  • Link
    Copy

  Posted 7 March 2018, 6:11 am EST

  Hi,
  
  We are unableto replciate the issue at our end.
  
  Could you please modify the sample in provided in this thread to reproduce the issue and send it back to us:

  https://www.grapecity.com/en/forums/wijmo/wj-popup-modal-postion-is-#hi-we-are-sorry-we-are-una