Not able to drag window once it is maximized and restored to normal size

[Nishant]

Hi

We are facing issue with dragging of open window. It works fine on first attempt when screen is loaded for the first time , once we maximize the window and restore window to normal size it stops working. we are not able to drag it anymore if we want to move the form to see other screen elements. This is related to Kendo-Window.

 

Steps to reproduce

1> Open any window from the top menu.

2> Drag the window from title bar and it will work fine.

3> Maximize the window.

4> Restore window again to previous state by clicking Minimize button

5> Drag the window and it wont allow user to move  anymore.

 

Thanks,

Nishant Joshi

 

[NathaliaO]

Hi Nishant,

Thanks for communicating with us. Can you please share with me which version of WebMap and other packages are you using? You can find the package versions of your application in the package.json file of the Angular project.

Can you also attach a screenshot of your browser's console log so we can check what the issue may be.

Thanks,

Nathalia

[Nishant]

Hi Nathalia,

Please find copy of package json below. I don't see anything getting logged in console. i am attaching the email with details on how to reproduce the issue.

 

{

  "name": "angular",

  "version": "0.0.0",

  "license": "UNLICENSED",

  "scripts": {

    "ng": "ng",

    "start": "ng serve",

    "build": "ng build --prod",

    "test": "ng test",

    "lint": "ng lint",

    "e2e": "ng e2e"

  },

  "private": true,

  "dependencies": {

    "@angular-devkit/build-angular": "~0.800.0",

    "@angular/animations": "^8.0.0",

    "@angular/cdk": "^8.0.0",

    "@angular/cli": "^8.0.1",

    "@angular/common": "^8.0.0",

    "@angular/compiler": "^8.0.0",

    "@angular/compiler-cli": "^8.0.0",

    "@angular/core": "^8.0.0",

    "@angular/forms": "^8.0.0",

    "@angular/material": "^8.0.0",

    "@angular/platform-browser": "^8.0.0",

    "@angular/platform-browser-dynamic": "^8.0.0",

    "@angular/router": "^8.0.0",

    "@mobilize/winforms-components": "5.0.6-rc0025",

    "@progress/kendo-angular-l10n": "^1.0.5",

    "@progress/kendo-angular-layout": "^3.1.0",

    "@progress/kendo-theme-material": "^3.2.0",

    "core-js": "2.6.5",

    "file-saver": "^2.0.2",

    "ngx-spinner": "^8.0.3",

    "roboto-fontface": "^0.10.0",

    "rxjs": "6.5.0",

    "rxjs-compat": "^6.3.2",

    "tslib": "^1.9.0",

    "typescript": "~3.4.5",

    "zone.js": "~0.9.1"

  },

  "devDependencies": {

    "@angular/language-service": "8.0.0",

    "@types/jasmine": "^3.3.2",

    "@types/jasminewd2": "~2.0.3",

    "@types/node": "10.12.15",

    "codelyzer": "^4.4.4",

    "jasmine-core": "3.3.0",

    "jasmine-spec-reporter": "4.2.1",

    "karma": "3.1.3",

    "karma-chrome-launcher": "2.2.0",

    "karma-coverage-istanbul-reporter": "2.0.4",

    "karma-jasmine": "2.0.1",

    "karma-jasmine-html-reporter": "1.4.0",

    "protractor": "~5.4.1",

    "ts-node": "~7.0.1",

    "tslint": "~5.18.0"

  }

}

 

 

Screen Drag Issue.msg

[NathaliaO]

Thanks Nishant. We will check this and will reply back ASAP. 

[NathaliaO]

Dear Nishant,

We found that the issue is caused by a customization made to our window component. The class applied in the vm-window-custom.ts and defined in the style.css causes the window position to be fixed.

Let me know if you need that code or if it can be updated so that the problem won't occur anymore. 

Best regards,

Nathalia Ortega

[Nishant]

Hi Nathalia,

Thanks for looking into it. Yes it worked after removing the mentioned class. There was an requirement from client in which restoring of window was overlapping the button which we have below the menu options , so to provide space on top of window , class was created. 

Is there any way we can mention top padding for window to apply when they are restored so that they wont interfere ?

 

[NathaliaO]

Dear Nishant,

You can change the top and left values of the window's model so you can move it any where you want. For example,

Best regards,