Migrated to the new antd, fixed tests, fixed annotations uploading (#3694)

* Revert "Revert "Updating tests for migration to a new version of antd (#3623)"" This reverts commit 0fd8b5d49e. * Fixed issue with annotations uploading * Fixed menu on annotation page * Tried to fix: Cannot read property nodeType of null * Updated deps * Fixed a couple of issues in menu * Fixed import after updating antd * Update cvat-ui/webpack.config.js Co-authored-by: Dmitry Kalinin <dmitry.kalinin@intel.com> Co-authored-by: Dmitry Kalinin <dmitry.kalinin@intel.com>
4 years ago · 03c851594c
parent d2e623cffb
commit 03c851594c
41 changed files with 826 additions and 1153 deletions
--- a/cvat-canvas/package-lock.json
+++ b/cvat-canvas/package-lock.json
@ -1995,12 +1995,6 @@
        "postcss-value-parser": "^4.0.2"
      },
      "dependencies": {
-        "caniuse-lite": {
-          "version": "1.0.30001016",
-          "resolved": "https://registry.npmjs.org/caniuse-lite/-/caniuse-lite-1.0.30001016.tgz",
-          "integrity": "sha512-yYQ2QfotceRiH4U+h1Us86WJXtVHDmy3nEKIdYPsZCYnOV5/tMgGbmoIlrMzmh2VXlproqYtVaKeGDBkMZifFA==",
-          "dev": true
-        },
        "electron-to-chromium": {
          "version": "1.3.322",
          "resolved": "https://registry.npmjs.org/electron-to-chromium/-/electron-to-chromium-1.3.322.tgz",
@ -2353,12 +2347,6 @@
        "node-releases": "^1.1.71"
      },
      "dependencies": {
-        "caniuse-lite": {
-          "version": "1.0.30001228",
-          "resolved": "https://registry.npmjs.org/caniuse-lite/-/caniuse-lite-1.0.30001228.tgz",
-          "integrity": "sha512-QQmLOGJ3DEgokHbMSA8cj2a+geXqmnpyOFT0lhQV6P3/YOJvGDEwoedcwxEQ30gJIwIIunHIicunJ2rzK5gB2A==",
-          "dev": true
-        },
        "colorette": {
          "version": "1.2.2",
          "resolved": "https://registry.npmjs.org/colorette/-/colorette-1.2.2.tgz",
@ -2513,9 +2501,9 @@
      }
    },
    "caniuse-lite": {
-      "version": "1.0.30000985",
-      "resolved": "https://registry.npmjs.org/caniuse-lite/-/caniuse-lite-1.0.30000985.tgz",
-      "integrity": "sha512-1ngiwkgqAYPG0JSSUp3PUDGPKKY59EK7NrGGX+VOxaKCNzRbNc7uXMny+c3VJfZxtoK3wSImTvG9T9sXiTw2+w==",
+      "version": "1.0.30001251",
+      "resolved": "https://registry.npmjs.org/caniuse-lite/-/caniuse-lite-1.0.30001251.tgz",
+      "integrity": "sha512-HOe1r+9VkU4TFmnU70z+r7OLmtR+/chB1rdcJUeQlAinjEeb0cKL20tlAtOagNZhbrtLnCvV19B4FmF1rgzl6A==",
      "dev": true
    },
    "caseless": {
@ -10378,11 +10366,6 @@
          "integrity": "sha512-5p6WTN0DdTGVQk6VjcEju19IgaHudalcfabD7yhDGeA6bcQnmL+CpveLJq/3hvfwd1aof6L386Ougkx6RfyMIQ==",
          "dev": true
        },
-        "caniuse-lite": {
-          "version": "1.0.30001185",
-          "resolved": "https://registry.npmjs.org/caniuse-lite/-/caniuse-lite-1.0.30001185.tgz",
-          "integrity": "sha512-Fpi4kVNtNvJ15H0F6vwmXtb3tukv3Zg3qhKkOGUq7KJ1J6b9kf4dnNgtEAFXhRsJo0gNj9W60+wBvn0JcTvdTg=="
-        },
        "electron-to-chromium": {
          "version": "1.3.654",
          "resolved": "https://registry.npmjs.org/electron-to-chromium/-/electron-to-chromium-1.3.654.tgz",
--- a/cvat-canvas3d/package-lock.json
+++ b/cvat-canvas3d/package-lock.json
@ -1816,12 +1816,6 @@
          "resolved": "https://registry.npmjs.org/camera-controls/-/camera-controls-1.25.3.tgz",
          "integrity": "sha512-hcPgd3ly69N+HU8LRsyCmDh4N5YAbyDLB2LwbwOJdFoXomvpEi1BPGIJCbHbzp/n+CrisEjgeCHJprqy7GT2Dg=="
        },
-        "caniuse-lite": {
-          "version": "1.0.30001016",
-          "resolved": "https://registry.npmjs.org/caniuse-lite/-/caniuse-lite-1.0.30001016.tgz",
-          "integrity": "sha512-yYQ2QfotceRiH4U+h1Us86WJXtVHDmy3nEKIdYPsZCYnOV5/tMgGbmoIlrMzmh2VXlproqYtVaKeGDBkMZifFA==",
-          "dev": true
-        },
        "electron-to-chromium": {
          "version": "1.3.322",
          "resolved": "https://registry.npmjs.org/electron-to-chromium/-/electron-to-chromium-1.3.322.tgz",
@ -2372,9 +2366,9 @@
      "integrity": "sha512-hcPgd3ly69N+HU8LRsyCmDh4N5YAbyDLB2LwbwOJdFoXomvpEi1BPGIJCbHbzp/n+CrisEjgeCHJprqy7GT2Dg=="
    },
    "caniuse-lite": {
-      "version": "1.0.30000985",
-      "resolved": "https://registry.npmjs.org/caniuse-lite/-/caniuse-lite-1.0.30000985.tgz",
-      "integrity": "sha512-1ngiwkgqAYPG0JSSUp3PUDGPKKY59EK7NrGGX+VOxaKCNzRbNc7uXMny+c3VJfZxtoK3wSImTvG9T9sXiTw2+w==",
+      "version": "1.0.30001251",
+      "resolved": "https://registry.npmjs.org/caniuse-lite/-/caniuse-lite-1.0.30001251.tgz",
+      "integrity": "sha512-HOe1r+9VkU4TFmnU70z+r7OLmtR+/chB1rdcJUeQlAinjEeb0cKL20tlAtOagNZhbrtLnCvV19B4FmF1rgzl6A==",
      "dev": true
    },
    "capture-stack-trace": {
--- a/cvat-data/package-lock.json
+++ b/cvat-data/package-lock.json
@ -1628,9 +1628,9 @@
      "dev": true
    },
    "caniuse-lite": {
-      "version": "1.0.30001002",
-      "resolved": "https://registry.npmjs.org/caniuse-lite/-/caniuse-lite-1.0.30001002.tgz",
-      "integrity": "sha512-pRuxPE8wdrWmVPKcDmJJiGBxr6lFJq4ivdSeo9FTmGj5Rb8NX3Mby2pARG57MXF15hYAhZ0nHV5XxT2ig4bz3g==",
+      "version": "1.0.30001251",
+      "resolved": "https://registry.npmjs.org/caniuse-lite/-/caniuse-lite-1.0.30001251.tgz",
+      "integrity": "sha512-HOe1r+9VkU4TFmnU70z+r7OLmtR+/chB1rdcJUeQlAinjEeb0cKL20tlAtOagNZhbrtLnCvV19B4FmF1rgzl6A==",
      "dev": true
    },
    "capture-stack-trace": {
@ -3432,28 +3432,28 @@
      "dependencies": {
        "abbrev": {
          "version": "1.1.1",
-          "resolved": false,
+          "resolved": "",
          "integrity": "sha512-nne9/IiQ/hzIhY6pdDnbBtz7DjPTKrY00P/zvPSm5pOFkl6xuGrGnXn/VtTNNfNtAfZ9/1RtehkszU9qcTii0Q==",
          "dev": true,
          "optional": true
        },
        "ansi-regex": {
          "version": "2.1.1",
-          "resolved": false,
+          "resolved": "",
          "integrity": "sha1-w7M6te42DYbg5ijwRorn7yfWVN8=",
          "dev": true,
          "optional": true
        },
        "aproba": {
          "version": "1.2.0",
-          "resolved": false,
+          "resolved": "",
          "integrity": "sha512-Y9J6ZjXtoYh8RnXVCMOU/ttDmk1aBjunq9vO0ta5x85WDQiQfUF9sIPBITdbiiIVcBo03Hi3jMxigBtsddlXRw==",
          "dev": true,
          "optional": true
        },
        "are-we-there-yet": {
          "version": "1.1.5",
-          "resolved": false,
+          "resolved": "",
          "integrity": "sha512-5hYdAkZlcG8tOLujVDTgCT+uPX0VnpAH28gWsLfzpXYm7wP6mp5Q/gYyR7YQ0cKVJcXJnl3j2kpBan13PtQf6w==",
          "dev": true,
          "optional": true,
@ -3464,14 +3464,14 @@
        },
        "balanced-match": {
          "version": "1.0.0",
-          "resolved": false,
+          "resolved": "",
          "integrity": "sha1-ibTRmasr7kneFk6gK4nORi1xt2c=",
          "dev": true,
          "optional": true
        },
        "brace-expansion": {
          "version": "1.1.11",
-          "resolved": false,
+          "resolved": "",
          "integrity": "sha512-iCuPHDFgrHX7H2vEI/5xpz07zSHB00TpugqhmYtVmMO6518mCuRMoOYFldEBl0g187ufozdaHgWKcYFb61qGiA==",
          "dev": true,
          "optional": true,
@ -3482,42 +3482,42 @@
        },
        "chownr": {
          "version": "1.1.1",
-          "resolved": false,
+          "resolved": "",
          "integrity": "sha512-j38EvO5+LHX84jlo6h4UzmOwi0UgW61WRyPtJz4qaadK5eY3BTS5TY/S1Stc3Uk2lIM6TPevAlULiEJwie860g==",
          "dev": true,
          "optional": true
        },
        "code-point-at": {
          "version": "1.1.0",
-          "resolved": false,
+          "resolved": "",
          "integrity": "sha1-DQcLTQQ6W+ozovGkDi7bPZpMz3c=",
          "dev": true,
          "optional": true
        },
        "concat-map": {
          "version": "0.0.1",
-          "resolved": false,
+          "resolved": "",
          "integrity": "sha1-2Klr13/Wjfd5OnMDajug1UBdR3s=",
          "dev": true,
          "optional": true
        },
        "console-control-strings": {
          "version": "1.1.0",
-          "resolved": false,
+          "resolved": "",
          "integrity": "sha1-PXz0Rk22RG6mRL9LOVB/mFEAjo4=",
          "dev": true,
          "optional": true
        },
        "core-util-is": {
          "version": "1.0.2",
-          "resolved": false,
+          "resolved": "",
          "integrity": "sha1-tf1UIgqivFq1eqtxQMlAdUUDwac=",
          "dev": true,
          "optional": true
        },
        "debug": {
          "version": "4.1.1",
-          "resolved": false,
+          "resolved": "",
          "integrity": "sha512-pYAIzeRo8J6KPEaJ0VWOh5Pzkbw/RetuzehGM7QRRX5he4fPHx2rdKMB256ehJCkX+XRQm16eZLqLNS8RSZXZw==",
          "dev": true,
          "optional": true,
@ -3527,28 +3527,28 @@
        },
        "deep-extend": {
          "version": "0.6.0",
-          "resolved": false,
+          "resolved": "",
          "integrity": "sha512-LOHxIOaPYdHlJRtCQfDIVZtfw/ufM8+rVj649RIHzcm/vGwQRXFt6OPqIFWsm2XEMrNIEtWR64sY1LEKD2vAOA==",
          "dev": true,
          "optional": true
        },
        "delegates": {
          "version": "1.0.0",
-          "resolved": false,
+          "resolved": "",
          "integrity": "sha1-hMbhWbgZBP3KWaDvRM2HDTElD5o=",
          "dev": true,
          "optional": true
        },
        "detect-libc": {
          "version": "1.0.3",
-          "resolved": false,
+          "resolved": "",
          "integrity": "sha1-+hN8S9aY7fVc1c0CrFWfkaTEups=",
          "dev": true,
          "optional": true
        },
        "fs-minipass": {
          "version": "1.2.5",
-          "resolved": false,
+          "resolved": "",
          "integrity": "sha512-JhBl0skXjUPCFH7x6x61gQxrKyXsxB5gcgePLZCwfyCGGsTISMoIeObbrvVeP6Xmyaudw4TT43qV2Gz+iyd2oQ==",
          "dev": true,
          "optional": true,
@ -3558,14 +3558,14 @@
        },
        "fs.realpath": {
          "version": "1.0.0",
-          "resolved": false,
+          "resolved": "",
          "integrity": "sha1-FQStJSMVjKpA20onh8sBQRmU6k8=",
          "dev": true,
          "optional": true
        },
        "gauge": {
          "version": "2.7.4",
-          "resolved": false,
+          "resolved": "",
          "integrity": "sha1-LANAXHU4w51+s3sxcCLjJfsBi/c=",
          "dev": true,
          "optional": true,
@ -3582,7 +3582,7 @@
        },
        "glob": {
          "version": "7.1.3",
-          "resolved": false,
+          "resolved": "",
          "integrity": "sha512-vcfuiIxogLV4DlGBHIUOwI0IbrJ8HWPc4MU7HzviGeNho/UJDfi6B5p3sHeWIQ0KGIU0Jpxi5ZHxemQfLkkAwQ==",
          "dev": true,
          "optional": true,
@ -3597,14 +3597,14 @@
        },
        "has-unicode": {
          "version": "2.0.1",
-          "resolved": false,
+          "resolved": "",
          "integrity": "sha1-4Ob+aijPUROIVeCG0Wkedx3iqLk=",
          "dev": true,
          "optional": true
        },
        "iconv-lite": {
          "version": "0.4.24",
-          "resolved": false,
+          "resolved": "",
          "integrity": "sha512-v3MXnZAcvnywkTUEZomIActle7RXXeedOR31wwl7VlyoXO4Qi9arvSenNQWne1TcRwhCL1HwLI21bEqdpj8/rA==",
          "dev": true,
          "optional": true,
@ -3614,7 +3614,7 @@
        },
        "ignore-walk": {
          "version": "3.0.1",
-          "resolved": false,
+          "resolved": "",
          "integrity": "sha512-DTVlMx3IYPe0/JJcYP7Gxg7ttZZu3IInhuEhbchuqneY9wWe5Ojy2mXLBaQFUQmo0AW2r3qG7m1mg86js+gnlQ==",
          "dev": true,
          "optional": true,
@ -3624,7 +3624,7 @@
        },
        "inflight": {
          "version": "1.0.6",
-          "resolved": false,
+          "resolved": "",
          "integrity": "sha1-Sb1jMdfQLQwJvJEKEHW6gWW1bfk=",
          "dev": true,
          "optional": true,
@ -3635,7 +3635,7 @@
        },
        "inherits": {
          "version": "2.0.3",
-          "resolved": false,
+          "resolved": "",
          "integrity": "sha1-Yzwsg+PaQqUC9SRmAiSA9CCCYd4=",
          "dev": true,
          "optional": true
@ -3649,7 +3649,7 @@
        },
        "is-fullwidth-code-point": {
          "version": "1.0.0",
-          "resolved": false,
+          "resolved": "",
          "integrity": "sha1-754xOG8DGn8NZDr4L95QxFfvAMs=",
          "dev": true,
          "optional": true,
@ -3659,14 +3659,14 @@
        },
        "isarray": {
          "version": "1.0.0",
-          "resolved": false,
+          "resolved": "",
          "integrity": "sha1-u5NdSFgsuhaMBoNJV6VKPgcSTxE=",
          "dev": true,
          "optional": true
        },
        "minimatch": {
          "version": "3.0.4",
-          "resolved": false,
+          "resolved": "",
          "integrity": "sha512-yJHVQEhyqPLUTgt9B83PXu6W3rx4MvvHvSUvToogpwoGDOUQ+yDrR0HRot+yOCdCO7u4hX3pWft6kWBBcqh0UA==",
          "dev": true,
          "optional": true,
@ -3676,7 +3676,7 @@
        },
        "minipass": {
          "version": "2.3.5",
-          "resolved": false,
+          "resolved": "",
          "integrity": "sha512-Gi1W4k059gyRbyVUZQ4mEqLm0YIUiGYfvxhF6SIlk3ui1WVxMTGfGdQ2SInh3PDrRTVvPKgULkpJtT4RH10+VA==",
          "dev": true,
          "optional": true,
@ -3687,7 +3687,7 @@
        },
        "minizlib": {
          "version": "1.2.1",
-          "resolved": false,
+          "resolved": "",
          "integrity": "sha512-7+4oTUOWKg7AuL3vloEWekXY2/D20cevzsrNT2kGWm+39J9hGTCBv8VI5Pm5lXZ/o3/mdR4f8rflAPhnQb8mPA==",
          "dev": true,
          "optional": true,
@ -3707,14 +3707,14 @@
        },
        "ms": {
          "version": "2.1.1",
-          "resolved": false,
+          "resolved": "",
          "integrity": "sha512-tgp+dl5cGk28utYktBsrFqA7HKgrhgPsg6Z/EfhWI4gl1Hwq8B/GmY/0oXZ6nF8hDVesS/FpnYaD/kOWhYQvyg==",
          "dev": true,
          "optional": true
        },
        "needle": {
          "version": "2.3.0",
-          "resolved": false,
+          "resolved": "",
          "integrity": "sha512-QBZu7aAFR0522EyaXZM0FZ9GLpq6lvQ3uq8gteiDUp7wKdy0lSd2hPlgFwVuW1CBkfEs9PfDQsQzZghLs/psdg==",
          "dev": true,
          "optional": true,
@ -3726,7 +3726,7 @@
        },
        "node-pre-gyp": {
          "version": "0.12.0",
-          "resolved": false,
+          "resolved": "",
          "integrity": "sha512-4KghwV8vH5k+g2ylT+sLTjy5wmUOb9vPhnM8NHvRf9dHmnW/CndrFXy2aRPaPST6dugXSdHXfeaHQm77PIz/1A==",
          "dev": true,
          "optional": true,
@ -3745,7 +3745,7 @@
        },
        "nopt": {
          "version": "4.0.1",
-          "resolved": false,
+          "resolved": "",
          "integrity": "sha1-0NRoWv1UFRk8jHUFYC0NF81kR00=",
          "dev": true,
          "optional": true,
@ -3756,14 +3756,14 @@
        },
        "npm-bundled": {
          "version": "1.0.6",
-          "resolved": false,
+          "resolved": "",
          "integrity": "sha512-8/JCaftHwbd//k6y2rEWp6k1wxVfpFzB6t1p825+cUb7Ym2XQfhwIC5KwhrvzZRJu+LtDE585zVaS32+CGtf0g==",
          "dev": true,
          "optional": true
        },
        "npm-packlist": {
          "version": "1.4.1",
-          "resolved": false,
+          "resolved": "",
          "integrity": "sha512-+TcdO7HJJ8peiiYhvPxsEDhF3PJFGUGRcFsGve3vxvxdcpO2Z4Z7rkosRM0kWj6LfbK/P0gu3dzk5RU1ffvFcw==",
          "dev": true,
          "optional": true,
@ -3774,7 +3774,7 @@
        },
        "npmlog": {
          "version": "4.1.2",
-          "resolved": false,
+          "resolved": "",
          "integrity": "sha512-2uUqazuKlTaSI/dC8AzicUck7+IrEaOnN/e0jd3Xtt1KcGpwx30v50mL7oPyr/h9bL3E4aZccVwpwP+5W9Vjkg==",
          "dev": true,
          "optional": true,
@ -3787,21 +3787,21 @@
        },
        "number-is-nan": {
          "version": "1.0.1",
-          "resolved": false,
+          "resolved": "",
          "integrity": "sha1-CXtgK1NCKlIsGvuHkDGDNpQaAR0=",
          "dev": true,
          "optional": true
        },
        "object-assign": {
          "version": "4.1.1",
-          "resolved": false,
+          "resolved": "",
          "integrity": "sha1-IQmtx5ZYh8/AXLvUQsrIv7s2CGM=",
          "dev": true,
          "optional": true
        },
        "once": {
          "version": "1.4.0",
-          "resolved": false,
+          "resolved": "",
          "integrity": "sha1-WDsap3WWHUsROsF9nFC6753Xa9E=",
          "dev": true,
          "optional": true,
@ -3811,21 +3811,21 @@
        },
        "os-homedir": {
          "version": "1.0.2",
-          "resolved": false,
+          "resolved": "",
          "integrity": "sha1-/7xJiDNuDoM94MFox+8VISGqf7M=",
          "dev": true,
          "optional": true
        },
        "os-tmpdir": {
          "version": "1.0.2",
-          "resolved": false,
+          "resolved": "",
          "integrity": "sha1-u+Z0BseaqFxc/sdm/lc0VV36EnQ=",
          "dev": true,
          "optional": true
        },
        "osenv": {
          "version": "0.1.5",
-          "resolved": false,
+          "resolved": "",
          "integrity": "sha512-0CWcCECdMVc2Rw3U5w9ZjqX6ga6ubk1xDVKxtBQPK7wis/0F2r9T6k4ydGYhecl7YUBxBVxhL5oisPsNxAPe2g==",
          "dev": true,
          "optional": true,
@ -3836,21 +3836,21 @@
        },
        "path-is-absolute": {
          "version": "1.0.1",
-          "resolved": false,
+          "resolved": "",
          "integrity": "sha1-F0uSaHNVNP+8es5r9TpanhtcX18=",
          "dev": true,
          "optional": true
        },
        "process-nextick-args": {
          "version": "2.0.0",
-          "resolved": false,
+          "resolved": "",
          "integrity": "sha512-MtEC1TqN0EU5nephaJ4rAtThHtC86dNN9qCuEhtshvpVBkAW5ZO7BASN9REnF9eoXGcRub+pFuKEpOHE+HbEMw==",
          "dev": true,
          "optional": true
        },
        "rc": {
          "version": "1.2.8",
-          "resolved": false,
+          "resolved": "",
          "integrity": "sha512-y3bGgqKj3QBdxLbLkomlohkvsA8gdAiUQlSBJnBhfn+BPxg4bc62d8TcBW15wavDfgexCgccckhcZvywyQYPOw==",
          "dev": true,
          "optional": true,
@ -3872,7 +3872,7 @@
        },
        "readable-stream": {
          "version": "2.3.6",
-          "resolved": false,
+          "resolved": "",
          "integrity": "sha512-tQtKA9WIAhBF3+VLAseyMqZeBjW0AHJoxOtYqSUZNJxauErmLbVm2FW1y+J/YA9dUrAC39ITejlZWhVIwawkKw==",
          "dev": true,
          "optional": true,
@ -3888,7 +3888,7 @@
        },
        "rimraf": {
          "version": "2.6.3",
-          "resolved": false,
+          "resolved": "",
          "integrity": "sha512-mwqeW5XsA2qAejG46gYdENaxXjx9onRNCfn7L0duuP4hCuTIi/QO7PDK07KJfp1d+izWPrzEJDcSqBa0OZQriA==",
          "dev": true,
          "optional": true,
@ -3898,49 +3898,49 @@
        },
        "safe-buffer": {
          "version": "5.1.2",
-          "resolved": false,
+          "resolved": "",
          "integrity": "sha512-Gd2UZBJDkXlY7GbJxfsE8/nvKkUEU1G38c1siN6QP6a9PT9MmHB8GnpscSmMJSoF8LOIrt8ud/wPtojys4G6+g==",
          "dev": true,
          "optional": true
        },
        "safer-buffer": {
          "version": "2.1.2",
-          "resolved": false,
+          "resolved": "",
          "integrity": "sha512-YZo3K82SD7Riyi0E1EQPojLz7kpepnSQI9IyPbHHg1XXXevb5dJI7tpyN2ADxGcQbHG7vcyRHk0cbwqcQriUtg==",
          "dev": true,
          "optional": true
        },
        "sax": {
          "version": "1.2.4",
-          "resolved": false,
+          "resolved": "",
          "integrity": "sha512-NqVDv9TpANUjFm0N8uM5GxL36UgKi9/atZw+x7YFnQ8ckwFGKrl4xX4yWtrey3UJm5nP1kUbnYgLopqWNSRhWw==",
          "dev": true,
          "optional": true
        },
        "semver": {
          "version": "5.7.0",
-          "resolved": false,
+          "resolved": "",
          "integrity": "sha512-Ya52jSX2u7QKghxeoFGpLwCtGlt7j0oY9DYb5apt9nPlJ42ID+ulTXESnt/qAQcoSERyZ5sl3LDIOw0nAn/5DA==",
          "dev": true,
          "optional": true
        },
        "set-blocking": {
          "version": "2.0.0",
-          "resolved": false,
+          "resolved": "",
          "integrity": "sha1-BF+XgtARrppoA93TgrJDkrPYkPc=",
          "dev": true,
          "optional": true
        },
        "signal-exit": {
          "version": "3.0.2",
-          "resolved": false,
+          "resolved": "",
          "integrity": "sha1-tf3AjxKH6hF4Yo5BXiUTK3NkbG0=",
          "dev": true,
          "optional": true
        },
        "string-width": {
          "version": "1.0.2",
-          "resolved": false,
+          "resolved": "",
          "integrity": "sha1-EYvfW4zcUaKn5w0hHgfisLmxB9M=",
          "dev": true,
          "optional": true,
@ -3952,7 +3952,7 @@
        },
        "string_decoder": {
          "version": "1.1.1",
-          "resolved": false,
+          "resolved": "",
          "integrity": "sha512-n/ShnvDi6FHbbVfviro+WojiFzv+s8MPMHBczVePfUpDJLwoLT0ht1l4YwBCbi8pJAveEEdnkHyPyTP/mzRfwg==",
          "dev": true,
          "optional": true,
@ -3962,7 +3962,7 @@
        },
        "strip-ansi": {
          "version": "3.0.1",
-          "resolved": false,
+          "resolved": "",
          "integrity": "sha1-ajhfuIU9lS1f8F0Oiq+UJ43GPc8=",
          "dev": true,
          "optional": true,
@ -3972,14 +3972,14 @@
        },
        "strip-json-comments": {
          "version": "2.0.1",
-          "resolved": false,
+          "resolved": "",
          "integrity": "sha1-PFMZQukIwml8DsNEhYwobHygpgo=",
          "dev": true,
          "optional": true
        },
        "tar": {
          "version": "4.4.8",
-          "resolved": false,
+          "resolved": "",
          "integrity": "sha512-LzHF64s5chPQQS0IYBn9IN5h3i98c12bo4NCO7e0sGM2llXQ3p2FGC5sdENN4cTW48O915Sh+x+EXx7XW96xYQ==",
          "dev": true,
          "optional": true,
@ -3995,14 +3995,14 @@
        },
        "util-deprecate": {
          "version": "1.0.2",
-          "resolved": false,
+          "resolved": "",
          "integrity": "sha1-RQ1Nyfpw3nMnYvvS1KKJgUGaDM8=",
          "dev": true,
          "optional": true
        },
        "wide-align": {
          "version": "1.1.3",
-          "resolved": false,
+          "resolved": "",
          "integrity": "sha512-QGkOQc8XL6Bt5PwnsExKBPuMKBxnGxWWW3fU55Xt4feHozMUhdUMaBCk290qpm/wG5u/RSKzwdAC4i51YigihA==",
          "dev": true,
          "optional": true,
@ -4012,14 +4012,14 @@
        },
        "wrappy": {
          "version": "1.0.2",
-          "resolved": false,
+          "resolved": "",
          "integrity": "sha1-tSQ9jz7BqjXxNkYFvA0QNuMKtp8=",
          "dev": true,
          "optional": true
        },
        "yallist": {
          "version": "3.0.3",
-          "resolved": false,
+          "resolved": "",
          "integrity": "sha512-S+Zk8DEWE6oKpV+vI3qWkaK+jSbIK86pCwe2IF/xwIpQ8jEuxpw9NyaGjmp9+BoJv5FV2piqCDcoCtStppiq2A==",
          "dev": true,
          "optional": true
@ -7133,12 +7133,6 @@
            "node-releases": "^1.1.70"
          }
        },
-        "caniuse-lite": {
-          "version": "1.0.30001185",
-          "resolved": "https://registry.npmjs.org/caniuse-lite/-/caniuse-lite-1.0.30001185.tgz",
-          "integrity": "sha512-Fpi4kVNtNvJ15H0F6vwmXtb3tukv3Zg3qhKkOGUq7KJ1J6b9kf4dnNgtEAFXhRsJo0gNj9W60+wBvn0JcTvdTg==",
-          "dev": true
-        },
        "electron-to-chromium": {
          "version": "1.3.654",
          "resolved": "https://registry.npmjs.org/electron-to-chromium/-/electron-to-chromium-1.3.654.tgz",
--- a/cvat-ui/package-lock.json
+++ b/cvat-ui/package-lock.json
--- a/cvat-ui/package.json
+++ b/cvat-ui/package.json
@ -67,7 +67,7 @@
    "@types/react-share": "^3.0.3",
    "@types/redux-logger": "^3.0.9",
    "@types/resize-observer-browser": "^0.1.6",
-    "antd": "^4.13.0",
+    "antd": "^4.16.13",
    "copy-to-clipboard": "^3.3.1",
    "cvat-canvas": "file:../cvat-canvas",
    "cvat-canvas3d": "file:../cvat-canvas3d",
@ -79,18 +79,17 @@
    "mousetrap": "^1.6.5",
    "platform": "^1.3.6",
    "prop-types": "^15.7.2",
-    "rc-menu": "^8.10.8",
    "react": "^16.14.0",
-    "react-awesome-query-builder": "^3.0.0",
+    "react-awesome-query-builder": "^4.4.2",
    "react-color": "^2.19.3",
-    "react-cookie": "^4.1.1",
+    "react-cookie": "^4.0.3",
    "react-dom": "^16.14.0",
    "react-moment": "^1.1.1",
    "react-redux": "^7.2.4",
    "react-resizable": "^1.11.1",
    "react-router": "^5.1.0",
    "react-router-dom": "^5.1.0",
-    "react-share": "^3.0.1",
+    "react-share": "^4.4.0",
    "redux": "^4.1.1",
    "redux-devtools-extension": "^2.13.9",
    "redux-logger": "^3.0.6",
--- a/cvat-ui/src/assets/background-icon.svg
+++ b/cvat-ui/src/assets/background-icon.svg
@ -3,9 +3,9 @@
    SPDX-License-Identifier: MIT
 -->

-<svg height="1em" width="1em" viewBox="0 0 256 256" xmlns="http://www.w3.org/2000/svg">
+<svg stroke="currentColor" height="1em" width="1em" viewBox="0 0 256 256" xmlns="http://www.w3.org/2000/svg">
    <g>
-        <rect rx="12" height="166" width="167" y="25" x="25" stroke-width="15" stroke="#000" fill="none" stroke-dasharray="35" />
-        <rect rx="12" height="166" width="167" y="70" x="70" stroke-width="15" stroke="#000" fill="none" />
+        <rect rx="12" height="166" width="167" y="25" x="25" stroke-width="15" fill="none" stroke-dasharray="35" />
+        <rect rx="12" height="166" width="167" y="70" x="70" stroke-width="15" fill="none" />
    </g>
 </svg>
--- a/cvat-ui/src/assets/foreground-icon.svg
+++ b/cvat-ui/src/assets/foreground-icon.svg
@ -3,9 +3,9 @@
    SPDX-License-Identifier: MIT
 -->

-<svg height="1em" width="1em" viewBox="0 0 256 256" xmlns="http://www.w3.org/2000/svg">
+<svg stroke="currentColor" height="1em" width="1em" viewBox="0 0 256 256" xmlns="http://www.w3.org/2000/svg">
    <g>
-        <rect rx="12" height="166" width="167" y="25" x="25" stroke-width="15" stroke="#000" fill="none" />
-        <rect rx="12" height="166" width="167" y="70" x="70" stroke-width="15" stroke="#000" fill="none" stroke-dasharray="35" />
+        <rect rx="12" height="166" width="167" y="25" x="25" stroke-width="15" fill="none" />
+        <rect rx="12" height="166" width="167" y="70" x="70" stroke-width="15" fill="none" stroke-dasharray="35" />
    </g>
 </svg>
--- a/cvat-ui/src/components/actions-menu/actions-menu.tsx
+++ b/cvat-ui/src/components/actions-menu/actions-menu.tsx
@ -9,6 +9,7 @@ import Modal from 'antd/lib/modal';
 import { LoadingOutlined } from '@ant-design/icons';
 // eslint-disable-next-line import/no-extraneous-dependencies
 import { MenuInfo } from 'rc-menu/lib/interface';
+
 import LoadSubmenu from './load-submenu';
 import { DimensionType } from '../../reducers/interfaces';

@ -21,7 +22,8 @@ interface Props {
    loadActivity: string | null;
    inferenceIsActive: boolean;
    taskDimension: DimensionType;
-    onClickMenu: (params: MenuInfo, file?: File) => void;
+    onClickMenu: (params: MenuInfo) => void;
+    onUploadAnnotations: (format: string, file: File) => void;
    exportIsActive: boolean;
 }

@ -35,54 +37,31 @@ export enum Actions {
    EXPORT_TASK = 'export_task',
 }

-export default function ActionsMenuComponent(props: Props): JSX.Element {
+function ActionsMenuComponent(props: Props): JSX.Element {
    const {
        taskID,
        bugTracker,
        inferenceIsActive,
        loaders,
        onClickMenu,
+        onUploadAnnotations,
        loadActivity,
        taskDimension,
        exportIsActive,
    } = props;

-    let latestParams: MenuInfo | null = null;
-    function onClickMenuWrapper(params: MenuInfo | null, file?: File): void {
-        const copyParams = params || latestParams;
-        if (!copyParams) {
+    function onClickMenuWrapper(params: MenuInfo): void {
+        if (!params) {
            return;
        }
-        latestParams = copyParams;

-        if (copyParams.keyPath.length === 2) {
-            const [, action] = copyParams.keyPath;
-            if (action === Actions.LOAD_TASK_ANNO) {
-                if (file) {
-                    Modal.confirm({
-                        title: 'Current annotation will be lost',
-                        content: 'You are going to upload new annotations to this task. Continue?',
-                        className: 'cvat-modal-content-load-task-annotation',
-                        onOk: () => {
-                            onClickMenu(copyParams, file);
-                        },
-                        okButtonProps: {
-                            type: 'primary',
-                            danger: true,
-                        },
-                        okText: 'Update',
-                    });
-                }
-            } else {
-                onClickMenu(copyParams);
-            }
-        } else if (copyParams.key === Actions.DELETE_TASK) {
+        if (params.key === Actions.DELETE_TASK) {
            Modal.confirm({
                title: `The task ${taskID} will be deleted`,
                content: 'All related data (images, annotations) will be lost. Continue?',
                className: 'cvat-modal-confirm-delete-task',
                onOk: () => {
-                    onClickMenu(copyParams);
+                    onClickMenu(params);
                },
                okButtonProps: {
                    type: 'primary',
@ -91,7 +70,7 @@ export default function ActionsMenuComponent(props: Props): JSX.Element {
                okText: 'Delete',
            });
        } else {
-            onClickMenu(copyParams);
+            onClickMenu(params);
        }
    }

@ -100,8 +79,22 @@ export default function ActionsMenuComponent(props: Props): JSX.Element {
            {LoadSubmenu({
                loaders,
                loadActivity,
-                onFileUpload: (file: File): void => {
-                    onClickMenuWrapper(null, file);
+                onFileUpload: (format: string, file: File): void => {
+                    if (file) {
+                        Modal.confirm({
+                            title: 'Current annotation will be lost',
+                            content: 'You are going to upload new annotations to this task. Continue?',
+                            className: 'cvat-modal-content-load-task-annotation',
+                            onOk: () => {
+                                onUploadAnnotations(format, file);
+                            },
+                            okButtonProps: {
+                                type: 'primary',
+                                danger: true,
+                            },
+                            okText: 'Update',
+                        });
+                    }
                },
                menuKey: Actions.LOAD_TASK_ANNO,
                taskDimension,
@ -115,9 +108,11 @@ export default function ActionsMenuComponent(props: Props): JSX.Element {
                {exportIsActive && <LoadingOutlined id='cvat-export-task-loading' />}
                Export task
            </Menu.Item>
-            <hr />
+            <Menu.Divider />
            <Menu.Item key={Actions.MOVE_TASK_TO_PROJECT}>Move to project</Menu.Item>
            <Menu.Item key={Actions.DELETE_TASK}>Delete</Menu.Item>
        </Menu>
    );
 }
+
+export default React.memo(ActionsMenuComponent);
--- a/cvat-ui/src/components/actions-menu/load-submenu.tsx
+++ b/cvat-ui/src/components/actions-menu/load-submenu.tsx
@ -14,7 +14,7 @@ interface Props {
    menuKey: string;
    loaders: any[];
    loadActivity: string | null;
-    onFileUpload(file: File): void;
+    onFileUpload(format: string, file: File): void;
    taskDimension: DimensionType;
 }

@ -36,14 +36,15 @@ export default function LoadSubmenu(props: Props): JSX.Element {
                            .join(', '); // add '.' to each extension in a list
                        const pending = loadActivity === loader.name;
                        const disabled = !loader.enabled || !!loadActivity;
+                        const format = loader.name;
                        return (
-                            <Menu.Item key={loader.name} disabled={disabled} className='cvat-menu-load-submenu-item'>
+                            <Menu.Item key={format} disabled={disabled} className='cvat-menu-load-submenu-item'>
                                <Upload
                                    accept={accept}
                                    multiple={false}
                                    showUploadList={false}
                                    beforeUpload={(file: File): boolean => {
-                                        onFileUpload(file);
+                                        onFileUpload(format, file);
                                        return false;
                                    }}
                                >
--- a/cvat-ui/src/components/annotation-page/canvas/canvas-context-menu.tsx
+++ b/cvat-ui/src/components/annotation-page/canvas/canvas-context-menu.tsx
@ -1,4 +1,4 @@
-// Copyright (C) 2020 Intel Corporation
+// Copyright (C) 2021 Intel Corporation
 //
 // SPDX-License-Identifier: MIT

@ -61,7 +61,10 @@ function ReviewContextMenu({
                >
                    {latestComments.map(
                        (comment: string, id: number): JSX.Element => (
-                            <Menu.Item className='cvat-context-menu-item' key={`${id}`}>
+                            <Menu.Item
+                                className='cvat-context-menu-item cvat-quick-issue-from-latest-item'
+                                key={`${id}`}
+                            >
                                {comment}
                            </Menu.Item>
                        ),
--- a/cvat-ui/src/components/annotation-page/standard-workspace/controls-side-bar/handle-popover-visibility.tsx
+++ b/cvat-ui/src/components/annotation-page/standard-workspace/controls-side-bar/handle-popover-visibility.tsx
@ -4,47 +4,40 @@

 import React, { useState } from 'react';
 import Popover, { PopoverProps } from 'antd/lib/popover';
+import waitFor from 'utils/wait-for';

 export default function withVisibilityHandling(WrappedComponent: typeof Popover, popoverType: string) {
    return (props: PopoverProps): JSX.Element => {
-        const [initialized, setInitialized] = useState<boolean>(false);
        const [visible, setVisible] = useState<boolean>(false);
        const { overlayClassName, ...rest } = props;
        const overlayClassNames = typeof overlayClassName === 'string' ? overlayClassName.split(/\s+/) : [];
-
        const popoverClassName = `cvat-${popoverType}-popover`;
+        const visiblePopoverClassName = `cvat-${popoverType}-popover-visible`;
        overlayClassNames.push(popoverClassName);
        if (visible) {
-            const visiblePopoverClassName = `cvat-${popoverType}-popover-visible`;
            overlayClassNames.push(visiblePopoverClassName);
        }

-        const callback = (event: Event): void => {
-            if ((event as AnimationEvent).animationName === 'antZoomBigIn') {
-                setVisible(true);
-            }
-        };
-
        return (
            <WrappedComponent
                {...rest}
                trigger={visible ? 'click' : 'hover'}
                overlayClassName={overlayClassNames.join(' ').trim()}
                onVisibleChange={(_visible: boolean) => {
-                    if (!_visible) {
-                        setVisible(false);
-                    } else {
-                        // Hide other popovers
-                        const element = window.document.getElementsByClassName(`${popoverClassName}`)[0];
-                        if (element) {
+                    const [element] = window.document.getElementsByClassName(popoverClassName);
+                    if (element) {
+                        if (_visible) {
                            element.dispatchEvent(new MouseEvent('mousedown', { bubbles: true }));
+                            waitFor(60, () => {
+                                const style = window.getComputedStyle(element);
+                                return style.display !== 'none' && style.pointerEvents !== 'none';
+                            }).then(() => {
+                                setVisible(_visible);
+                            });
+                        } else {
+                            setVisible(_visible);
                        }
                    }
-                    if (!initialized) {
-                        const self = window.document.getElementsByClassName(`cvat-${popoverType}-popover`)[0];
-                        self?.addEventListener('animationend', callback);
-                        setInitialized(true);
-                    }
                }}
            />
        );
--- a/cvat-ui/src/components/annotation-page/standard-workspace/objects-side-bar/object-item-menu.tsx
+++ b/cvat-ui/src/components/annotation-page/standard-workspace/objects-side-bar/object-item-menu.tsx
@ -233,24 +233,45 @@ export default function ItemMenu(props: Props): JSX.Element {
        readonly, shapeType, objectType, colorBy, jobInstance,
    } = props;

+    enum MenuKeys {
+        CREATE_URL = 'create_url',
+        COPY = 'copy',
+        PROPAGATE = 'propagate',
+        TRACK = 'track',
+        SWITCH_ORIENTATION = 'switch_orientation',
+        RESET_PERSPECIVE = 'reset_perspective',
+        TO_BACKGROUND = 'to_background',
+        TO_FOREGROUND = 'to_foreground',
+        SWITCH_COLOR = 'switch_color',
+        REMOVE_ITEM = 'remove_item',
+    }
+
    const is2D = jobInstance.task.dimension === DimensionType.DIM_2D;

    return (
        <Menu className='cvat-object-item-menu' selectable={false}>
-            <CreateURLItem toolProps={props} />
-            {!readonly && <MakeCopyItem toolProps={props} />}
-            {!readonly && <PropagateItem toolProps={props} />}
+            <CreateURLItem key={MenuKeys.CREATE_URL} toolProps={props} />
+            {!readonly && <MakeCopyItem key={MenuKeys.COPY} toolProps={props} />}
+            {!readonly && <PropagateItem key={MenuKeys.PROPAGATE} toolProps={props} />}
            {is2D && !readonly && objectType === ObjectType.TRACK && shapeType === ShapeType.RECTANGLE && (
-                <TrackingItem toolProps={props} />
+                <TrackingItem key={MenuKeys.TRACK} toolProps={props} />
            )}
            {is2D && !readonly && [ShapeType.POLYGON, ShapeType.POLYLINE, ShapeType.CUBOID].includes(shapeType) && (
-                <SwitchOrientationItem toolProps={props} />
+                <SwitchOrientationItem key={MenuKeys.SWITCH_ORIENTATION} toolProps={props} />
+            )}
+            {is2D && !readonly && shapeType === ShapeType.CUBOID && (
+                <ResetPerspectiveItem key={MenuKeys.RESET_PERSPECIVE} toolProps={props} />
+            )}
+            {is2D && objectType !== ObjectType.TAG && (
+                <ToBackgroundItem key={MenuKeys.TO_BACKGROUND} toolProps={props} />
+            )}
+            {is2D && !readonly && objectType !== ObjectType.TAG && (
+                <ToForegroundItem key={MenuKeys.TO_FOREGROUND} toolProps={props} />
+            )}
+            {[ColorBy.INSTANCE, ColorBy.GROUP].includes(colorBy) && (
+                <SwitchColorItem key={MenuKeys.SWITCH_COLOR} toolProps={props} />
            )}
-            {is2D && !readonly && shapeType === ShapeType.CUBOID && <ResetPerspectiveItem toolProps={props} />}
-            {is2D && objectType !== ObjectType.TAG && <ToBackgroundItem toolProps={props} />}
-            {is2D && !readonly && objectType !== ObjectType.TAG && <ToForegroundItem toolProps={props} />}
-            {[ColorBy.INSTANCE, ColorBy.GROUP].includes(colorBy) && <SwitchColorItem toolProps={props} />}
-            {!readonly && <RemoveItem toolProps={props} />}
+            {!readonly && <RemoveItem key={MenuKeys.REMOVE_ITEM} toolProps={props} />}
        </Menu>
    );
 }
--- a/cvat-ui/src/components/annotation-page/top-bar/annotation-menu.tsx
+++ b/cvat-ui/src/components/annotation-page/top-bar/annotation-menu.tsx
@ -8,7 +8,6 @@ import Modal from 'antd/lib/modal';
 // eslint-disable-next-line import/no-extraneous-dependencies
 import { MenuInfo } from 'rc-menu/lib/interface';

-import ExportDatasetModal from 'components/export-dataset/export-dataset-modal';
 import LoadSubmenu from 'components/actions-menu/load-submenu';
 import { DimensionType } from '../../../reducers/interfaces';

@ -19,7 +18,8 @@ interface Props {
    loadActivity: string | null;
    isReviewer: boolean;
    jobInstance: any;
-    onClickMenu(params: MenuInfo, file?: File): void;
+    onClickMenu(params: MenuInfo): void;
+    onUploadAnnotations(format: string, file: File): void;
    setForceExitAnnotationFlag(forceExit: boolean): void;
    saveAnnotations(jobInstance: any, afterSave?: () => void): void;
 }
@ -42,6 +42,7 @@ export default function AnnotationMenuComponent(props: Props): JSX.Element {
        isReviewer,
        jobInstance,
        onClickMenu,
+        onUploadAnnotations,
        setForceExitAnnotationFlag,
        saveAnnotations,
    } = props;
@ -49,15 +50,8 @@ export default function AnnotationMenuComponent(props: Props): JSX.Element {
    const jobStatus = jobInstance.status;
    const taskID = jobInstance.task.id;

-    let latestParams: MenuInfo | null = null;
-    function onClickMenuWrapper(params: MenuInfo | null, file?: File): void {
-        const copyParams = params || latestParams;
-        if (!copyParams) {
-            return;
-        }
-        latestParams = params;
-
-        function checkUnsavedChanges(_copyParams: MenuInfo): void {
+    function onClickMenuWrapper(params: MenuInfo): void {
+        function checkUnsavedChanges(_params: MenuInfo): void {
            if (jobInstance.annotations.hasUnsavedChanges()) {
                Modal.confirm({
                    title: 'The job has unsaved annotations',
@ -70,43 +64,22 @@ export default function AnnotationMenuComponent(props: Props): JSX.Element {
                        children: 'No',
                    },
                    onOk: () => {
-                        saveAnnotations(jobInstance, () => onClickMenu(_copyParams));
+                        saveAnnotations(jobInstance, () => onClickMenu(_params));
                    },
                    onCancel: () => {
                        // do not ask leave confirmation
                        setForceExitAnnotationFlag(true);
                        setTimeout(() => {
-                            onClickMenu(_copyParams);
+                            onClickMenu(_params);
                        });
                    },
                });
            } else {
-                onClickMenu(_copyParams);
+                onClickMenu(_params);
            }
        }

-        if (copyParams.keyPath.length === 2) {
-            const [, action] = copyParams.keyPath;
-            if (action === Actions.LOAD_JOB_ANNO) {
-                if (file) {
-                    Modal.confirm({
-                        title: 'Current annotation will be lost',
-                        content: 'You are going to upload new annotations to this job. Continue?',
-                        className: 'cvat-modal-content-load-job-annotation',
-                        onOk: () => {
-                            onClickMenu(copyParams, file);
-                        },
-                        okButtonProps: {
-                            type: 'primary',
-                            danger: true,
-                        },
-                        okText: 'Update',
-                    });
-                }
-            } else {
-                onClickMenu(copyParams);
-            }
-        } else if (copyParams.key === Actions.REMOVE_ANNO) {
+        if (params.key === Actions.REMOVE_ANNO) {
            Modal.confirm({
                title: 'All the annotations will be removed',
                content:
@ -114,7 +87,7 @@ export default function AnnotationMenuComponent(props: Props): JSX.Element {
                    'It will stay on the server till you save the job. Continue?',
                className: 'cvat-modal-confirm-remove-annotation',
                onOk: () => {
-                    onClickMenu(copyParams);
+                    onClickMenu(params);
                },
                okButtonProps: {
                    type: 'primary',
@ -122,9 +95,9 @@ export default function AnnotationMenuComponent(props: Props): JSX.Element {
                },
                okText: 'Delete',
            });
-        } else if ([Actions.REQUEST_REVIEW].includes(copyParams.key as Actions)) {
-            checkUnsavedChanges(copyParams);
-        } else if (copyParams.key === Actions.FINISH_JOB) {
+        } else if (params.key === Actions.REQUEST_REVIEW) {
+            checkUnsavedChanges(params);
+        } else if (params.key === Actions.FINISH_JOB) {
            Modal.confirm({
                title: 'The job status is going to be switched',
                content: 'Status will be changed to "completed". Would you like to continue?',
@ -132,10 +105,10 @@ export default function AnnotationMenuComponent(props: Props): JSX.Element {
                cancelText: 'Cancel',
                className: 'cvat-modal-content-finish-job',
                onOk: () => {
-                    checkUnsavedChanges(copyParams);
+                    checkUnsavedChanges(params);
                },
            });
-        } else if (copyParams.key === Actions.RENEW_JOB) {
+        } else if (params.key === Actions.RENEW_JOB) {
            Modal.confirm({
                title: 'The job status is going to be switched',
                content: 'Status will be changed to "annotations". Would you like to continue?',
@ -143,11 +116,11 @@ export default function AnnotationMenuComponent(props: Props): JSX.Element {
                cancelText: 'Cancel',
                className: 'cvat-modal-content-renew-job',
                onOk: () => {
-                    onClickMenu(copyParams);
+                    onClickMenu(params);
                },
            });
        } else {
-            onClickMenu(copyParams);
+            onClickMenu(params);
        }
    }

@ -158,8 +131,22 @@ export default function AnnotationMenuComponent(props: Props): JSX.Element {
            {LoadSubmenu({
                loaders,
                loadActivity,
-                onFileUpload: (file: File): void => {
-                    onClickMenuWrapper(null, file);
+                onFileUpload: (format: string, file: File): void => {
+                    if (file) {
+                        Modal.confirm({
+                            title: 'Current annotation will be lost',
+                            content: 'You are going to upload new annotations to this job. Continue?',
+                            className: 'cvat-modal-content-load-job-annotation',
+                            onOk: () => {
+                                onUploadAnnotations(format, file);
+                            },
+                            okButtonProps: {
+                                type: 'primary',
+                                danger: true,
+                            },
+                            okText: 'Update',
+                        });
+                    }
                },
                menuKey: Actions.LOAD_JOB_ANNO,
                taskDimension: jobInstance.task.dimension,
@ -177,7 +164,6 @@ export default function AnnotationMenuComponent(props: Props): JSX.Element {
                <Menu.Item key={Actions.SUBMIT_REVIEW}>Submit the review</Menu.Item>
            )}
            {jobStatus === 'completed' && <Menu.Item key={Actions.RENEW_JOB}>Renew the job</Menu.Item>}
-            <ExportDatasetModal />
        </Menu>
    );
 }
--- a/cvat-ui/src/components/annotation-page/top-bar/left-group.tsx
+++ b/cvat-ui/src/components/annotation-page/top-bar/left-group.tsx
@ -64,83 +64,83 @@ function LeftGroup(props: Props): JSX.Element {
        ActiveControl.OPENCV_TOOLS,
    ].includes(activeControl);

-    const includesToolsBlockerButton = [
-        ActiveControl.OPENCV_TOOLS,
-        ActiveControl.AI_TOOLS,
-    ].includes(activeControl) && toolsBlockerState.buttonVisible;
+    const includesToolsBlockerButton =
+        [ActiveControl.OPENCV_TOOLS, ActiveControl.AI_TOOLS].includes(activeControl) && toolsBlockerState.buttonVisible;

-    const shouldEnableToolsBlockerOnClick = [
-        ActiveControl.OPENCV_TOOLS,
-    ].includes(activeControl);
+    const shouldEnableToolsBlockerOnClick = [ActiveControl.OPENCV_TOOLS].includes(activeControl);

    return (
-        <Col className='cvat-annotation-header-left-group'>
-            <Dropdown overlay={<AnnotationMenuContainer />}>
-                <Button type='link' className='cvat-annotation-header-button'>
-                    <Icon component={MainMenuIcon} />
-                    Menu
-                </Button>
-            </Dropdown>
-            <CVATTooltip overlay={`Save current changes ${saveShortcut}`}>
-                <Button
-                    onClick={saving ? undefined : onSaveAnnotation}
-                    type='link'
-                    className={saving ? 'cvat-annotation-disabled-header-button' : 'cvat-annotation-header-button'}
-                >
-                    <Icon component={SaveIcon} />
-                    {saving ? 'Saving...' : 'Save'}
-                    <Modal title='Saving changes on the server' visible={saving} footer={[]} closable={false}>
-                        <Timeline pending={savingStatuses[savingStatuses.length - 1] || 'Pending..'}>
-                            {savingStatuses.slice(0, -1).map((status: string, id: number) => (
-                                <Timeline.Item key={id}>{status}</Timeline.Item>
-                            ))}
-                        </Timeline>
-                    </Modal>
-                </Button>
-            </CVATTooltip>
-            <CVATTooltip overlay={`Undo: ${undoAction} ${undoShortcut}`}>
-                <Button
-                    style={{ pointerEvents: undoAction ? 'initial' : 'none', opacity: undoAction ? 1 : 0.5 }}
-                    type='link'
-                    className='cvat-annotation-header-button'
-                    onClick={onUndoClick}
-                >
-                    <Icon component={UndoIcon} />
-                    <span>Undo</span>
-                </Button>
-            </CVATTooltip>
-            <CVATTooltip overlay={`Redo: ${redoAction} ${redoShortcut}`}>
-                <Button
-                    style={{ pointerEvents: redoAction ? 'initial' : 'none', opacity: redoAction ? 1 : 0.5 }}
-                    type='link'
-                    className='cvat-annotation-header-button'
-                    onClick={onRedoClick}
-                >
-                    <Icon component={RedoIcon} />
-                    Redo
-                </Button>
-            </CVATTooltip>
-            {includesDoneButton ? (
-                <CVATTooltip overlay={`Press "${drawShortcut}" to finish`}>
-                    <Button type='link' className='cvat-annotation-header-button' onClick={onFinishDraw}>
-                        <CheckOutlined />
-                        Done
+        <>
+            <Modal title='Saving changes on the server' visible={saving} footer={[]} closable={false}>
+                <Timeline pending={savingStatuses[savingStatuses.length - 1] || 'Pending..'}>
+                    {savingStatuses.slice(0, -1).map((status: string, id: number) => (
+                        <Timeline.Item key={id}>{status}</Timeline.Item>
+                    ))}
+                </Timeline>
+            </Modal>
+            <Col className='cvat-annotation-header-left-group'>
+                <Dropdown overlay={<AnnotationMenuContainer />}>
+                    <Button type='link' className='cvat-annotation-header-button'>
+                        <Icon component={MainMenuIcon} />
+                        Menu
+                    </Button>
+                </Dropdown>
+                <CVATTooltip overlay={`Save current changes ${saveShortcut}`}>
+                    <Button
+                        onClick={saving ? undefined : onSaveAnnotation}
+                        type='link'
+                        className={saving ? 'cvat-annotation-disabled-header-button' : 'cvat-annotation-header-button'}
+                    >
+                        <Icon component={SaveIcon} />
+                        {saving ? 'Saving...' : 'Save'}
+                    </Button>
+                </CVATTooltip>
+                <CVATTooltip overlay={`Undo: ${undoAction} ${undoShortcut}`}>
+                    <Button
+                        style={{ pointerEvents: undoAction ? 'initial' : 'none', opacity: undoAction ? 1 : 0.5 }}
+                        type='link'
+                        className='cvat-annotation-header-button'
+                        onClick={onUndoClick}
+                    >
+                        <Icon component={UndoIcon} />
+                        <span>Undo</span>
                    </Button>
                </CVATTooltip>
-            ) : null}
-            {includesToolsBlockerButton ? (
-                <CVATTooltip overlay={`Press "${switchToolsBlockerShortcut}" to postpone running the algorithm `}>
+                <CVATTooltip overlay={`Redo: ${redoAction} ${redoShortcut}`}>
                    <Button
+                        style={{ pointerEvents: redoAction ? 'initial' : 'none', opacity: redoAction ? 1 : 0.5 }}
                        type='link'
-                        className={`cvat-annotation-header-button ${toolsBlockerState.algorithmsLocked ? 'cvat-button-active' : ''}`}
-                        onClick={shouldEnableToolsBlockerOnClick ? onSwitchToolsBlockerState : undefined}
+                        className='cvat-annotation-header-button'
+                        onClick={onRedoClick}
                    >
-                        <StopOutlined />
-                        Block
+                        <Icon component={RedoIcon} />
+                        Redo
                    </Button>
                </CVATTooltip>
-            ) : null}
-        </Col>
+                {includesDoneButton ? (
+                    <CVATTooltip overlay={`Press "${drawShortcut}" to finish`}>
+                        <Button type='link' className='cvat-annotation-header-button' onClick={onFinishDraw}>
+                            <CheckOutlined />
+                            Done
+                        </Button>
+                    </CVATTooltip>
+                ) : null}
+                {includesToolsBlockerButton ? (
+                    <CVATTooltip overlay={`Press "${switchToolsBlockerShortcut}" to postpone running the algorithm `}>
+                        <Button
+                            type='link'
+                            className={`cvat-annotation-header-button ${
+                                toolsBlockerState.algorithmsLocked ? 'cvat-button-active' : ''
+                            }`}
+                            onClick={shouldEnableToolsBlockerOnClick ? onSwitchToolsBlockerState : undefined}
+                        >
+                            <StopOutlined />
+                            Block
+                        </Button>
+                    </CVATTooltip>
+                ) : null}
+            </Col>
+        </>
    );
 }

--- a/cvat-ui/src/components/cvat-app.tsx
+++ b/cvat-ui/src/components/cvat-app.tsx
@ -23,6 +23,7 @@ import CreateProjectPageComponent from 'components/create-project-page/create-pr
 import ProjectPageComponent from 'components/project-page/project-page';
 import TasksPageContainer from 'containers/tasks-page/tasks-page';
 import LoginWithTokenComponent from 'components/login-with-token/login-with-token';
+import ExportDatasetModal from 'components/export-dataset/export-dataset-modal';
 import CreateTaskPageContainer from 'containers/create-task-page/create-task-page';
 import TaskPageContainer from 'containers/task-page/task-page';
 import ModelsPageContainer from 'containers/models-page/models-page';
@ -359,6 +360,8 @@ class CVATApplication extends React.PureComponent<CVATAppProps & RouteComponentP
                                    </Switch>
                                </GlobalHotKeys>
                                {/* eslint-disable-next-line */}
+                                <ExportDatasetModal />
+                                {/* eslint-disable-next-line */}
                                <a id='downloadAnchor' target='_blank' style={{ display: 'none' }} download />
                            </Layout.Content>
                        </Layout>
--- a/cvat-ui/src/components/export-dataset/export-dataset-modal.tsx
+++ b/cvat-ui/src/components/export-dataset/export-dataset-modal.tsx
@ -92,6 +92,7 @@ function ExportDatasetModal(): JSX.Element {
            onCancel={closeModal}
            onOk={() => form.submit()}
            className={`cvat-modal-export-${instanceType}`}
+            destroyOnClose
        >
            <Form
                name='Export dataset'
@ -140,7 +141,11 @@ function ExportDatasetModal(): JSX.Element {
                    <Checkbox>Save images</Checkbox>
                </Form.Item>
                <Form.Item label='Custom name' name='customName'>
-                    <Input placeholder='Custom name for a dataset' suffix='.zip' className='cvat-modal-export-filename-input' />
+                    <Input
+                        placeholder='Custom name for a dataset'
+                        suffix='.zip'
+                        className='cvat-modal-export-filename-input'
+                    />
                </Form.Item>
            </Form>
        </Modal>
--- a/cvat-ui/src/components/header/header.tsx
+++ b/cvat-ui/src/components/header/header.tsx
@ -212,6 +212,7 @@ function HeaderContainer(props: Props): JSX.Element {
        <Menu className='cvat-header-menu' mode='vertical'>
            {user.isStaff && (
                <Menu.Item
+                    key='admin_page'
                    onClick={(): void => {
                        // false positive
                        // eslint-disable-next-line
@ -223,16 +224,21 @@ function HeaderContainer(props: Props): JSX.Element {
                </Menu.Item>
            )}

-            <Menu.Item title={`Press ${switchSettingsShortcut} to switch`} onClick={() => switchSettingsDialog(true)}>
+            <Menu.Item
+                key='settings'
+                title={`Press ${switchSettingsShortcut} to switch`}
+                onClick={() => switchSettingsDialog(true)}
+            >
                <SettingOutlined />
                Settings
            </Menu.Item>
-            <Menu.Item onClick={showAboutModal}>
+            <Menu.Item key='about' onClick={showAboutModal}>
                <InfoCircleOutlined />
                About
            </Menu.Item>
            {renderChangePasswordItem && (
                <Menu.Item
+                    key='change_password'
                    className='cvat-header-menu-change-password'
                    onClick={(): void => switchChangePasswordDialog(true)}
                    disabled={changePasswordFetching}
@ -242,7 +248,7 @@ function HeaderContainer(props: Props): JSX.Element {
                </Menu.Item>
            )}

-            <Menu.Item onClick={onLogout} disabled={logoutFetching}>
+            <Menu.Item key='logout' onClick={onLogout} disabled={logoutFetching}>
                {logoutFetching ? <LoadingOutlined /> : <LogoutOutlined />}
                Logout
            </Menu.Item>
--- a/cvat-ui/src/components/header/styles.scss
+++ b/cvat-ui/src/components/header/styles.scss
@ -56,3 +56,11 @@
    margin-left: 16px;
    margin-right: 0;
 }
+
+.cvat-header-menu {
+    > li {
+        span[role='img'] {
+            margin-right: $grid-unit-size;
+        }
+    }
+}
--- a/cvat-ui/src/components/labels-editor/label-form.tsx
+++ b/cvat-ui/src/components/labels-editor/label-form.tsx
@ -53,7 +53,7 @@ export default class LabelForm extends React.Component<Props> {
            name: values.name,
            id: label ? label.id : idGenerator(),
            color: values.color,
-            attributes: values.attributes.map((attribute: Store) => {
+            attributes: (values.attributes || []).map((attribute: Store) => {
                let attrValues: string | string[] = attribute.values;
                if (!Array.isArray(attrValues)) {
                    if (attribute.type === AttributeType.NUMBER) {
@ -73,8 +73,9 @@ export default class LabelForm extends React.Component<Props> {
        });

        if (this.formRef.current) {
+            // resetFields does not remove existed attributes
+            this.formRef.current.setFieldsValue({ attributes: undefined });
            this.formRef.current.resetFields();
-            this.formRef.current.setFieldsValue({ attributes: [] });
        }

        if (!this.continueAfterSubmit) {
@ -85,7 +86,7 @@ export default class LabelForm extends React.Component<Props> {
    private addAttribute = (): void => {
        if (this.formRef.current) {
            const attributes = this.formRef.current.getFieldValue('attributes');
-            this.formRef.current.setFieldsValue({ attributes: [...attributes, { id: idGenerator() }] });
+            this.formRef.current.setFieldsValue({ attributes: [...(attributes || []), { id: idGenerator() }] });
        }
    };

@ -159,11 +160,11 @@ export default class LabelForm extends React.Component<Props> {
    private renderAttributeValuesInput(fieldInstance: any, attr: Attribute | null): JSX.Element {
        const { key } = fieldInstance;
        const locked = attr ? attr.id >= 0 : false;
-        const existedValues = attr ? attr.values : [];
+        const existingValues = attr ? attr.values : [];

        const validator = (_: any, values: string[]): Promise<void> => {
-            if (locked && existedValues) {
-                if (!equalArrayHead(existedValues, values)) {
+            if (locked && existingValues) {
+                if (!equalArrayHead(existingValues, values)) {
                    return Promise.reject(new Error('You can only append new values'));
                }
            }
@ -182,7 +183,7 @@ export default class LabelForm extends React.Component<Props> {
                <Form.Item
                    name={[key, 'values']}
                    fieldKey={[fieldInstance.fieldKey, 'values']}
-                    initialValue={existedValues}
+                    initialValue={existingValues}
                    rules={[
                        {
                            required: true,
@ -502,19 +503,15 @@ export default class LabelForm extends React.Component<Props> {
    // eslint-disable-next-line react/sort-comp
    public componentDidMount(): void {
        const { label } = this.props;
-        if (this.formRef.current) {
-            const convertedAttributes = label ?
-                label.attributes.map(
-                    (attribute: Attribute): Store => ({
-                        ...attribute,
-                        values:
-                              attribute.input_type.toUpperCase() === 'NUMBER' ?
-                                  attribute.values.join(';') :
-                                  attribute.values,
-                        type: attribute.input_type.toUpperCase(),
-                    }),
-                ) :
-                [];
+        if (this.formRef.current && label && label.attributes.length) {
+            const convertedAttributes = label.attributes.map(
+                (attribute: Attribute): Store => ({
+                    ...attribute,
+                    values:
+                        attribute.input_type.toUpperCase() === 'NUMBER' ? attribute.values.join(';') : attribute.values,
+                    type: attribute.input_type.toUpperCase(),
+                }),
+            );

            for (const attr of convertedAttributes) {
                delete attr.input_type;
--- a/cvat-ui/src/components/project-page/project-page.tsx
+++ b/cvat-ui/src/components/project-page/project-page.tsx
@ -16,7 +16,6 @@ import { PlusOutlined } from '@ant-design/icons';
 import { CombinedState, Task } from 'reducers/interfaces';
 import { getProjectsAsync } from 'actions/projects-actions';
 import { cancelInferenceAsync } from 'actions/models-actions';
-import ExportDatasetModal from 'components/export-dataset/export-dataset-modal';
 import TaskItem from 'components/tasks-page/task-item';
 import MoveTaskModal from 'components/move-task-modal/move-task-modal';
 import ModelRunnerDialog from 'components/model-runner-modal/model-runner-dialog';
@ -112,7 +111,6 @@ export default function ProjectPageComponent(): JSX.Element {
                    </React.Fragment>
                ))}
            </Col>
-            <ExportDatasetModal />
            <MoveTaskModal />
            <ModelRunnerDialog />
        </Row>
--- a/cvat-ui/src/components/projects-page/projects-page.tsx
+++ b/cvat-ui/src/components/projects-page/projects-page.tsx
@ -11,7 +11,6 @@ import Spin from 'antd/lib/spin';
 import { CombinedState, ProjectsQuery } from 'reducers/interfaces';
 import { getProjectsAsync } from 'actions/projects-actions';
 import FeedbackComponent from 'components/feedback/feedback';
-import ExportDatasetModal from 'components/export-dataset/export-dataset-modal';
 import EmptyListComponent from './empty-list';
 import TopBarComponent from './top-bar';
 import ProjectListComponent from './project-list';
@ -56,7 +55,6 @@ export default function ProjectsPageComponent(): JSX.Element {
            <TopBarComponent />
            {projectsCount ? <ProjectListComponent /> : <EmptyListComponent notFound={anySearchQuery} />}
            <FeedbackComponent />
-            <ExportDatasetModal />
        </div>
    );
 }
--- a/cvat-ui/src/components/task-page/task-page.tsx
+++ b/cvat-ui/src/components/task-page/task-page.tsx
@ -14,7 +14,6 @@ import DetailsContainer from 'containers/task-page/details';
 import JobListContainer from 'containers/task-page/job-list';
 import ModelRunnerModal from 'components/model-runner-modal/model-runner-dialog';
 import MoveTaskModal from 'components/move-task-modal/move-task-modal';
-import ExportDatasetModal from 'components/export-dataset/export-dataset-modal';
 import { Task } from 'reducers/interfaces';
 import TopBarComponent from './top-bar';

@ -86,7 +85,6 @@ class TaskPageComponent extends React.PureComponent<Props> {
                </Row>
                <ModelRunnerModal />
                <MoveTaskModal />
-                <ExportDatasetModal />
                {updating && <Spin size='large' className='cvat-spinner' />}
            </>
        );
--- a/cvat-ui/src/components/tasks-page/tasks-page.tsx
+++ b/cvat-ui/src/components/tasks-page/tasks-page.tsx
@ -14,7 +14,6 @@ import Text from 'antd/lib/typography/Text';
 import { TasksQuery } from 'reducers/interfaces';
 import FeedbackComponent from 'components/feedback/feedback';
 import TaskListContainer from 'containers/tasks-page/tasks-list';
-import ExportDatasetModal from 'components/export-dataset/export-dataset-modal';
 import TopBar from './top-bar';
 import EmptyListComponent from './empty-list';

@ -160,7 +159,6 @@ class TasksPageComponent extends React.PureComponent<TasksPageProps & RouteCompo
                    <EmptyListComponent />
                )}
                <FeedbackComponent />
-                <ExportDatasetModal />
            </div>
        );
    }
--- a/cvat-ui/src/containers/actions-menu/actions-menu.tsx
+++ b/cvat-ui/src/containers/actions-menu/actions-menu.tsx
@ -47,9 +47,7 @@ function mapStateToProps(state: CombinedState, own: OwnProps): StateToProps {
    const {
        formats: { annotationFormats },
        tasks: {
-            activities: {
-                loads, backups,
-            },
+            activities: { loads, backups },
        },
    } = state;

@ -91,7 +89,6 @@ function ActionsMenuContainer(props: OwnProps & StateToProps & DispatchToProps):
        loadActivity,
        inferenceIsActive,
        exportIsActive,
-
        loadAnnotations,
        showExportModal,
        deleteTask,
@ -100,31 +97,27 @@ function ActionsMenuContainer(props: OwnProps & StateToProps & DispatchToProps):
        openMoveTaskToProjectWindow,
    } = props;

-    function onClickMenu(params: MenuInfo, file?: File): void {
-        if (params.keyPath.length > 1) {
-            const [additionalKey, action] = params.keyPath;
-            if (action === Actions.LOAD_TASK_ANNO) {
-                const format = additionalKey;
-                const [loader] = loaders.filter((_loader: any): boolean => _loader.name === format);
-                if (loader && file) {
-                    loadAnnotations(taskInstance, loader, file);
-                }
-            }
-        } else {
-            const [action] = params.keyPath;
-            if (action === Actions.EXPORT_TASK_DATASET) {
-                showExportModal(taskInstance);
-            } else if (action === Actions.DELETE_TASK) {
-                deleteTask(taskInstance);
-            } else if (action === Actions.OPEN_BUG_TRACKER) {
-                window.open(`${taskInstance.bugTracker}`, '_blank');
-            } else if (action === Actions.RUN_AUTO_ANNOTATION) {
-                openRunModelWindow(taskInstance);
-            } else if (action === Actions.EXPORT_TASK) {
-                exportTask(taskInstance);
-            } else if (action === Actions.MOVE_TASK_TO_PROJECT) {
-                openMoveTaskToProjectWindow(taskInstance.id);
-            }
+    function onClickMenu(params: MenuInfo): void {
+        const [action] = params.keyPath;
+        if (action === Actions.EXPORT_TASK_DATASET) {
+            showExportModal(taskInstance);
+        } else if (action === Actions.DELETE_TASK) {
+            deleteTask(taskInstance);
+        } else if (action === Actions.OPEN_BUG_TRACKER) {
+            window.open(`${taskInstance.bugTracker}`, '_blank');
+        } else if (action === Actions.RUN_AUTO_ANNOTATION) {
+            openRunModelWindow(taskInstance);
+        } else if (action === Actions.EXPORT_TASK) {
+            exportTask(taskInstance);
+        } else if (action === Actions.MOVE_TASK_TO_PROJECT) {
+            openMoveTaskToProjectWindow(taskInstance.id);
+        }
+    }
+
+    function onUploadAnnotations(format: string, file: File): void {
+        const [loader] = loaders.filter((_loader: any): boolean => _loader.name === format);
+        if (loader && file) {
+            loadAnnotations(taskInstance, loader, file);
        }
    }

@ -138,6 +131,7 @@ function ActionsMenuContainer(props: OwnProps & StateToProps & DispatchToProps):
            loadActivity={loadActivity}
            inferenceIsActive={inferenceIsActive}
            onClickMenu={onClickMenu}
+            onUploadAnnotations={onUploadAnnotations}
            taskDimension={taskInstance.dimension}
            exportIsActive={exportIsActive}
        />
--- a/cvat-ui/src/containers/annotation-page/top-bar/annotation-menu.tsx
+++ b/cvat-ui/src/containers/annotation-page/top-bar/annotation-menu.tsx
@ -111,37 +111,33 @@ function AnnotationMenuContainer(props: Props): JSX.Element {
        updateJob,
    } = props;

-    const onClickMenu = (params: MenuInfo, file?: File): void => {
-        if (params.keyPath.length > 1) {
-            const [additionalKey, action] = params.keyPath;
-            if (action === Actions.LOAD_JOB_ANNO) {
-                const format = additionalKey;
-                const [loader] = loaders.filter((_loader: any): boolean => _loader.name === format);
-                if (loader && file) {
-                    loadAnnotations(jobInstance, loader, file);
-                }
-            }
-        } else {
-            const [action] = params.keyPath;
-            if (action === Actions.EXPORT_TASK_DATASET) {
-                showExportModal(jobInstance.task);
-            } else if (action === Actions.REMOVE_ANNO) {
-                removeAnnotations(jobInstance);
-            } else if (action === Actions.REQUEST_REVIEW) {
-                switchRequestReviewDialog(true);
-            } else if (action === Actions.SUBMIT_REVIEW) {
-                switchSubmitReviewDialog(true);
-            } else if (action === Actions.RENEW_JOB) {
-                jobInstance.status = TaskStatus.ANNOTATION;
-                updateJob(jobInstance);
-                history.push(`/tasks/${jobInstance.task.id}`);
-            } else if (action === Actions.FINISH_JOB) {
-                jobInstance.status = TaskStatus.COMPLETED;
-                updateJob(jobInstance);
-                history.push(`/tasks/${jobInstance.task.id}`);
-            } else if (action === Actions.OPEN_TASK) {
-                history.push(`/tasks/${jobInstance.task.id}`);
-            }
+    const onUploadAnnotations = (format: string, file: File): void => {
+        const [loader] = loaders.filter((_loader: any): boolean => _loader.name === format);
+        if (loader && file) {
+            loadAnnotations(jobInstance, loader, file);
+        }
+    };
+
+    const onClickMenu = (params: MenuInfo): void => {
+        const [action] = params.keyPath;
+        if (action === Actions.EXPORT_TASK_DATASET) {
+            showExportModal(jobInstance.task);
+        } else if (action === Actions.REMOVE_ANNO) {
+            removeAnnotations(jobInstance);
+        } else if (action === Actions.REQUEST_REVIEW) {
+            switchRequestReviewDialog(true);
+        } else if (action === Actions.SUBMIT_REVIEW) {
+            switchSubmitReviewDialog(true);
+        } else if (action === Actions.RENEW_JOB) {
+            jobInstance.status = TaskStatus.ANNOTATION;
+            updateJob(jobInstance);
+            history.push(`/tasks/${jobInstance.task.id}`);
+        } else if (action === Actions.FINISH_JOB) {
+            jobInstance.status = TaskStatus.COMPLETED;
+            updateJob(jobInstance);
+            history.push(`/tasks/${jobInstance.task.id}`);
+        } else if (action === Actions.OPEN_TASK) {
+            history.push(`/tasks/${jobInstance.task.id}`);
        }
    };

@ -153,6 +149,7 @@ function AnnotationMenuContainer(props: Props): JSX.Element {
            loaders={loaders}
            dumpers={dumpers}
            loadActivity={loadActivity}
+            onUploadAnnotations={onUploadAnnotations}
            onClickMenu={onClickMenu}
            setForceExitAnnotationFlag={setForceExitAnnotationFlag}
            saveAnnotations={saveAnnotations}
--- a/site/content/en/docs/contributing/development-environment.md
+++ b/site/content/en/docs/contributing/development-environment.md
@ -14,7 +14,7 @@ description: 'Installing a development environment for different operating syste
  ```

  ```sh
-  # Node and npm (you can use default versions of these packages from apt (8.*, 3.*), but we would recommend to use newer versions)
+  # Install Node.js 12
  curl -sL https://deb.nodesource.com/setup_12.x | sudo -E bash -
  sudo apt-get install -y nodejs
  ```
--- a/tests/cypress/integration/actions_objects/case_60_autoborder_feature.js
+++ b/tests/cypress/integration/actions_objects/case_60_autoborder_feature.js
@ -76,7 +76,7 @@ context('Autoborder feature.', () => {
            testActivatingShape(650, 400, '#cvat_canvas_shape_2');
            testCollectCxCircleCoord(rectangleSvgJsCircleIdSecond);

-            cy.get('.cvat-draw-polygon-control').click();
+            cy.interactControlButton('draw-polygon');
            cy.get('.cvat-draw-polygon-popover-visible').find('[type="button"]').contains('Shape').click();
            cy.get('body').type('{Ctrl}'); // Autoborder activation
            testAutoborderPointsCount(8); // 8 points at the rectangles
@ -90,7 +90,7 @@ context('Autoborder feature.', () => {
        });

        it('Start drawing a polyline with autobordering between the two shapes.', () => {
-            cy.get('.cvat-draw-polyline-control').click();
+            cy.interactControlButton('draw-polyline');
            cy.get('.cvat-draw-polyline-popover-visible').find('[type="button"]').contains('Shape').click();
            testAutoborderPointsCount(12); // 8 points at the rectangles + 4 at the polygon
            cy.get('.cvat-canvas-container') // Drawning
--- a/tests/cypress/integration/actions_tasks/registration_involved/case_69_filters_sorting_jobs.js
+++ b/tests/cypress/integration/actions_tasks/registration_involved/case_69_filters_sorting_jobs.js
@ -62,6 +62,7 @@ context('Filters, sorting jobs.', () => {
        cy.get(column).find('[role="button"]').click().wait(300); // Waiting for dropdown menu transition
        cy.get('.ant-dropdown')
            .not('.ant-dropdown-hidden')
+            .should('not.have.attr', 'style', 'poiner-events')
            .within(() => {
                if (!reset) {
                    cy.contains('[role="menuitem"]', menuItem)
--- a/tests/cypress/integration/actions_tasks2/case_101_opencv_basic_actions.js
+++ b/tests/cypress/integration/actions_tasks2/case_101_opencv_basic_actions.js
@ -40,11 +40,6 @@ context('OpenCV. Intelligent scissors. Histogram Equalization.', () => {
        { x: 400, y: 550 },
    ];

-    function openOpencvControlPopover() {
-        cy.get('body').focus();
-        cy.get('.cvat-tools-control').trigger('mouseleave').trigger('mouseout').trigger('mouseover');
-    }
-
    before(() => {
        cy.openTask(taskName);
        cy.addNewLabel(newLabel);
@ -53,7 +48,7 @@ context('OpenCV. Intelligent scissors. Histogram Equalization.', () => {

    describe(`Testing case "${caseId}"`, () => {
        it('Load OpenCV.', () => {
-            openOpencvControlPopover();
+            cy.interactOpenCVControlButton();
            cy.get('.cvat-opencv-control-popover-visible').find('.cvat-opencv-initialization-button').click();
            // Intelligent cissors button be visible
            cy.get('.cvat-opencv-drawing-tool').should('exist').and('be.visible');
@ -65,7 +60,7 @@ context('OpenCV. Intelligent scissors. Histogram Equalization.', () => {
        });

        it('Change the number of points when the shape is drawn. Cancel drawing.', () => {
-            openOpencvControlPopover();
+            cy.interactOpenCVControlButton();
            cy.get('.cvat-opencv-drawing-tool').click();
            pointsMap.forEach((element) => {
                cy.get('.cvat-canvas-container').click(element.x, element.y);
@ -108,7 +103,7 @@ context('OpenCV. Intelligent scissors. Histogram Equalization.', () => {
        });

        it('Check "Intelligent scissors blocking feature". Cancel drawing.', () => {
-            openOpencvControlPopover();
+            cy.interactOpenCVControlButton();
            cy.get('.cvat-opencv-drawing-tool').click();
            cy.contains('span', 'Block').click();
            cy.get('.cvat_canvas_threshold').should('not.exist');
@ -127,11 +122,18 @@ context('OpenCV. Intelligent scissors. Histogram Equalization.', () => {
        });

        it('Check "Histogram Equalization" feature.', () => {
-            openOpencvControlPopover();
-            cy.get('.cvat-opencv-control-popover-visible').contains('[role="tab"]', 'Image').click();
-            cy.get('.cvat-opencv-image-tool').click().should('have.class', 'cvat-opencv-image-tool-active').trigger('mouseout');
+            cy.checkPopoverHidden('opencv-control');
+            cy.interactOpenCVControlButton();
+            cy.get('.cvat-opencv-control-popover-visible')
+                .contains('[role="tab"]', 'Image')
+                .click()
+                .parents('.ant-tabs-tab')
+                .should('have.class', 'ant-tabs-tab-active');
+            cy.get('.cvat-opencv-image-tool').click();
+            cy.get('.cvat-opencv-image-tool').should('have.class', 'cvat-opencv-image-tool-active');
            cy.get('.cvat-notification-notice-opencv-processing-error').should('not.exist');
-            cy.get('.cvat-opencv-image-tool').click().should('not.have.class', 'cvat-opencv-image-tool-active').trigger('mouseout');
+            cy.get('.cvat-opencv-image-tool').click();
+            cy.get('.cvat-opencv-image-tool').should('not.have.class', 'cvat-opencv-image-tool-active');
        });

        // Waiting for fix https://github.com/openvinotoolkit/cvat/issues/3474
--- a/tests/cypress/integration/actions_tasks2/case_31_label_constructor_color_name_label.js
+++ b/tests/cypress/integration/actions_tasks2/case_31_label_constructor_color_name_label.js
@ -146,6 +146,9 @@ context('Label constructor. Color label. Label name editing', () => {
                    cy.get('.cvat-change-task-label-color-button').click();
                    cy.get('.cvat-label-color-picker')
                        .not('.ant-popover-hidden')
+                        .should('have.attr', 'style')
+                        .and('not.include', 'pointer-events');
+                    cy.get('.cvat-label-color-picker')
                        .within(() => {
                            cy.contains('hex').prev().clear().type(labelColor.yellowHex);
                            cy.contains('button', 'Cancel').click();
--- a/tests/cypress/integration/actions_tasks3/case_5_image_rotate.js
+++ b/tests/cypress/integration/actions_tasks3/case_5_image_rotate.js
@ -10,8 +10,7 @@ context('Check if the image is rotated', () => {
    const caseId = '5';

    function imageRotate(direction = 'anticlockwise') {
-        cy.get('.cvat-rotate-canvas-control').trigger('mouseover');
-        cy.get('.cvat-rotate-canvas-popover-visible').should('exist');
+        cy.interactControlButton('rotate-canvas');
        if (direction === 'clockwise') {
            cy.get('.cvat-rotate-canvas-controls-right').click();
        } else {
@ -35,7 +34,6 @@ context('Check if the image is rotated', () => {
                scaleAfter = Number($styles.match(/scale\((\d\.\d+)\)/m)[1]);
                cy.expect(scaleBefore).to.be.greaterThan(scaleAfter);
                cy.get('#cvat_canvas_content').dblclick();
-                cy.get('.cvat-rotate-canvas-popover-visible').should('not.exist');
                cy.get('#cvat_canvas_background').should('have.attr', 'style').and('contain', scaleBefore);
            });
    }
--- a/tests/cypress/integration/actions_users/registration_involved/case_28_review_pipeline_feature.js
+++ b/tests/cypress/integration/actions_users/registration_involved/case_28_review_pipeline_feature.js
@ -268,7 +268,7 @@ context('Review pipeline feature', () => {
                .should('exist')
                .trigger('mousemove')
                .trigger('mouseover');
-            cy.get('[id="quick_issue_from_latest$Menu"]').within(() => {
+            cy.get('.cvat-quick-issue-from-latest-item').within(() => {
                cy.contains('.cvat-context-menu-item', new RegExp(`^${customeIssueDescription}$`, 'g'))
                    .should('exist')
                    .and('have.text', customeIssueDescription);
--- a/tests/cypress/integration/canvas3d_functionality/case_85_canvas3d_functionality_cuboid_cancel_drawing.js
+++ b/tests/cypress/integration/canvas3d_functionality/case_85_canvas3d_functionality_cuboid_cancel_drawing.js
@ -19,8 +19,8 @@ context('Canvas 3D functionality. Cancel drawing.', () => {

    describe(`Testing case "${caseId}"`, () => {
        it('Cancel drawing.', () => {
-            cy.get('.cvat-draw-cuboid-control').trigger('mouseover');
-            cy.get('.cvat-draw-cuboid-popover-visible').find('[type="search"]').click({ force: true });
+            cy.interactControlButton('draw-cuboid');
+            cy.get('.cvat-draw-cuboid-popover-visible').find('.ant-select-selection-item').click();
            cy.get('.ant-select-dropdown')
                .not('.ant-select-dropdown-hidden')
                .within(() => {
--- a/tests/cypress/integration/canvas3d_functionality_2/case_78_canvas3d_functionality_cuboid_label.js
+++ b/tests/cypress/integration/canvas3d_functionality_2/case_78_canvas3d_functionality_cuboid_label.js
@ -57,8 +57,7 @@ context('Canvas 3D functionality. Interaction with cuboid via sidebar.', () => {
        it('Change a label via sidear.', () => {
            cy.get('#cvat-objects-sidebar-state-item-1')
                .find('.cvat-objects-sidebar-state-item-label-selector')
-                .type(`${secondLabel}{Enter}`)
-                .trigger('mouseout');
+                .type(`${secondLabel}{Enter}`);
            cy.get('.cvat-canvas3d-perspective').screenshot('canvas3d_perspective_after_change_label_cuboid');
            cy.compareImagesAndCheckResult(
                `${screenshotsPath}/canvas3d_perspective_after_activating_cuboid.png`,
@ -81,8 +80,8 @@ context('Canvas 3D functionality. Interaction with cuboid via sidebar.', () => {
        it('Lock/unlock a cuboid via sidear. The control points of the cuboid on the top/side/front view are locked/unlocked.', () => {
            cy.get('#cvat-objects-sidebar-state-item-1')
                .find('.cvat-object-item-button-lock')
-                .click(); // Lock the cubiod
-            cy.get('.cvat-object-item-button-lock-enabled').should('exist').trigger('mouseout');
+                .click({force: true}); // Lock the cubiod
+            cy.get('.cvat-object-item-button-lock-enabled').should('exist');
            ['topview', 'sideview', 'frontview'].forEach((view) => {
                cy.get(`.cvat-canvas3d-${view}`)
                    .find('.cvat-canvas3d-fullsize')
--- a/tests/cypress/integration/issues_prs/issue_2230_maintenance_popover_visibility.js
+++ b/tests/cypress/integration/issues_prs/issue_2230_maintenance_popover_visibility.js
@ -17,7 +17,7 @@ context('Check maintenance of popups visibility.', () => {
        it('Open a popover for draw an object and apply the "mouseout" event to it. The popover be visible.', () => {
            cy.interactControlButton('draw-rectangle');
            cy.get('.cvat-draw-rectangle-popover-visible').trigger('mouseout').wait(500);
-            cy.get('.cvat-draw-rectangle-popover-visible').should('exist');
+            cy.get('.cvat-draw-rectangle-popover-visible').should('be.visible');
        });

        it('Click to another element. The popover hidden.', () => {
--- a/tests/cypress/integration/issues_prs/issue_2753_call_HOC_component_each_render.js
+++ b/tests/cypress/integration/issues_prs/issue_2753_call_HOC_component_each_render.js
@ -51,7 +51,7 @@ context('Call HOC component each render.', () => {
    };

    function checkNumberOfPointsValue(objectType, numberOfPoints) {
-        cy.get(`.cvat-draw-${objectType}-control`).trigger('mouseover');
+        cy.interactControlButton(`draw-${objectType}`);
        cy.get(`.cvat-draw-${objectType}-popover-visible`).within(() => {
            cy.get('.cvat-draw-shape-popover-points-selector')
                .find('input')
--- a/tests/cypress/support/commands.js
+++ b/tests/cypress/support/commands.js
@ -242,7 +242,10 @@ Cypress.Commands.add('openTaskJob', (taskName, jobID = 0, removeAnnotations = tr

 Cypress.Commands.add('interactControlButton', (objectType) => {
    cy.get('body').focus();
-    cy.get(`.cvat-${objectType}-control`).trigger('mouseleave').trigger('mouseout').trigger('mouseover');
+    cy.get(`.cvat-${objectType}-control`).trigger('mouseleave').trigger('mouseout').trigger('mousemove').trigger('mouseover');
+    cy.get(`.cvat-${objectType}-popover-visible`).should('exist');
+    cy.get(`.cvat-${objectType}-popover-visible`).should('be.visible');
+    cy.get(`.cvat-${objectType}-popover-visible`).should('have.attr', 'style').and('not.include', 'pointer-events: none');
 });

 Cypress.Commands.add('createRectangle', (createRectangleParams) => {
@ -263,19 +266,27 @@ Cypress.Commands.add('createRectangle', (createRectangleParams) => {
            .click(createRectangleParams.thirdX, createRectangleParams.thirdY)
            .click(createRectangleParams.fourthX, createRectangleParams.fourthY);
    }
+    cy.checkPopoverHidden('draw-rectangle');
    cy.checkObjectParameters(createRectangleParams, 'RECTANGLE');
 });

 Cypress.Commands.add('switchLabel', (labelName, objectType) => {
-    cy.get(`.cvat-${objectType}-popover-visible`).find('.ant-select-selection-item').click();
+    cy.get(`.cvat-${objectType}-popover-visible`)
+        .find('.ant-select-selection-item')
+        .click();
    cy.get('.ant-select-dropdown')
        .not('.ant-select-dropdown-hidden')
        .find(`.ant-select-item-option[title="${labelName}"]`)
        .click();
 });

+Cypress.Commands.add('checkPopoverHidden', (objectType) => {
+    cy.get(`.cvat-${objectType}-popover-visible`).should('not.exist');
+    cy.get(`.cvat-${objectType}-popover`).should('be.hidden');
+    cy.get(`.cvat-${objectType}-popover`).should('have.attr', 'style').and('include', 'pointer-events: none');
+});
+
 Cypress.Commands.add('checkObjectParameters', (objectParameters, objectType) => {
-    cy.get('.cvat-draw-shape-popover').should('be.hidden');
    let listCanvasShapeId = [];
    cy.document().then((doc) => {
        const listCanvasShape = Array.from(doc.querySelectorAll('.cvat_canvas_shape'));
@ -283,7 +294,7 @@ Cypress.Commands.add('checkObjectParameters', (objectParameters, objectType) =>
            listCanvasShapeId.push(listCanvasShape[i].id.match(/\d+$/));
        }
        const maxId = Math.max(...listCanvasShapeId);
-        cy.get(`#cvat_canvas_shape_${maxId}`).should('exist').and('be.visible');
+        cy.get(`#cvat_canvas_shape_${maxId}`).should('be.visible');
        cy.get(`#cvat-objects-sidebar-state-item-${maxId}`)
            .should('contain', maxId)
            .and('contain', `${objectType} ${objectParameters.type.toUpperCase()}`)
@ -318,6 +329,7 @@ Cypress.Commands.add('createPoint', (createPointParams) => {
                .trigger('keyup', { keyCode: keyCodeN });
        }
    }
+    cy.checkPopoverHidden('draw-points');
    cy.checkObjectParameters(createPointParams, 'POINTS');
 });

@ -366,6 +378,7 @@ Cypress.Commands.add('createPolygon', (createPolygonParams) => {
                .trigger('keyup', { keyCode: keyCodeN });
        }
    }
+    cy.checkPopoverHidden('draw-polygon');
    cy.checkObjectParameters(createPolygonParams, 'POLYGON');
 });

@ -429,6 +442,7 @@ Cypress.Commands.add('createCuboid', (createCuboidParams) => {
        cy.get('.cvat-canvas-container').click(createCuboidParams.thirdX, createCuboidParams.thirdY);
        cy.get('.cvat-canvas-container').click(createCuboidParams.fourthX, createCuboidParams.fourthY);
    }
+    cy.checkPopoverHidden('draw-cuboid');
    cy.checkObjectParameters(createCuboidParams, 'CUBOID');
 });

@ -510,6 +524,7 @@ Cypress.Commands.add('createPolyline', (createPolylineParams) => {
                .trigger('keyup', { keyCode: keyCodeN });
        }
    }
+    cy.checkPopoverHidden('draw-polyline');
    cy.checkObjectParameters(createPolylineParams, 'POLYLINE');
 });

@ -718,8 +733,8 @@ Cypress.Commands.add('closeModalUnsupportedPlatform', () => {
 Cypress.Commands.add('exportTask', ({ as, type, format, archiveCustomeName }) => {
    cy.interactMenu('Export task dataset');
    cy.intercept('GET', `/api/v1/tasks/**/${type}**`).as(as);
-    cy.get('.cvat-modal-export-task').find('.cvat-modal-export-select').click();
-    cy.contains('.cvat-modal-export-option-item', format).click();
+    cy.get('.cvat-modal-export-task').should('be.visible').find('.cvat-modal-export-select').click();
+    cy.contains('.cvat-modal-export-option-item', format).should('be.visible').click();
    cy.get('.cvat-modal-export-task').find('.cvat-modal-export-select').should('contain.text', format);
    if (type === 'dataset') {
        cy.get('.cvat-modal-export-task').find('[type="checkbox"]').should('not.be.checked').check();
--- a/tests/cypress/support/commands_canvas3d.js
+++ b/tests/cypress/support/commands_canvas3d.js
@ -11,16 +11,13 @@ Cypress.Commands.add('compareImagesAndCheckResult', (baseImage, afterImage, noCh
 });

 Cypress.Commands.add('create3DCuboid', (cuboidCreationParams) => {
-    cy.get('.cvat-draw-cuboid-control').trigger('mouseover');
-    cy.get('.cvat-draw-cuboid-popover-visible').find('[type="search"]').click({ force: true });
-    cy.get('.ant-select-dropdown')
-        .not('.ant-select-dropdown-hidden')
-        .within(() => {
-            cy.contains(new RegExp(`^${cuboidCreationParams.labelName}$`)).click();
-        });
+    cy.interactControlButton('draw-cuboid');
+    cy.switchLabel(cuboidCreationParams.labelName, 'draw-cuboid');
    cy.get('.cvat-draw-cuboid-popover-visible').find('button').click();
    cy.get('.cvat-canvas3d-perspective')
        .trigger('mousemove', cuboidCreationParams.x, cuboidCreationParams.y)
        .dblclick(cuboidCreationParams.x, cuboidCreationParams.y);
    cy.wait(1000); // Waiting for a cuboid creation
+    cy.get('.cvat-draw-cuboid-popover-visible').should('not.exist');
+    cy.get('.cvat-draw-cuboid-popover').should('be.hidden');
 });
--- a/tests/cypress/support/commands_opencv.js
+++ b/tests/cypress/support/commands_opencv.js
@ -6,10 +6,18 @@

 let selectedValueGlobal = '';

+Cypress.Commands.add('interactOpenCVControlButton', () => {
+    cy.get('body').focus();
+    cy.get('.cvat-tools-control').trigger('mouseleave').trigger('mouseout').trigger('mousemove').trigger('mouseover');
+    cy.get('.cvat-tools-control').should('have.class', 'ant-popover-open');
+    cy.get('.cvat-opencv-control-popover-visible').should('exist');
+    cy.get('.cvat-opencv-control-popover-visible').should('be.visible');
+    cy.get('.cvat-opencv-control-popover-visible').should('have.attr', 'style').and('not.include', 'pointer-events');
+});
+
 Cypress.Commands.add('opencvCreateShape', (opencvShapeParams) => {
    if (!opencvShapeParams.reDraw) {
-        cy.get('body').focus();
-        cy.get('.cvat-tools-control').trigger('mouseleave').trigger('mouseout').trigger('mouseover');
+        cy.interactOpenCVControlButton();
        cy.switchLabel(opencvShapeParams.labelName, 'opencv-control');
        cy.get('.cvat-opencv-control-popover-visible').within(() => {
            cy.get('.ant-select-selection-item').then(($labelValue) => {
@ -29,10 +37,11 @@ Cypress.Commands.add('opencvCreateShape', (opencvShapeParams) => {
            .trigger('keydown', { keyCode: keyCodeN })
            .trigger('keyup', { keyCode: keyCodeN });
    }
-    cy.opncvCheckObjectParameters('POLYGON');
+    cy.checkPopoverHidden('opencv-control');
+    cy.opencvCheckObjectParameters('POLYGON');
 });

-Cypress.Commands.add('opncvCheckObjectParameters', (objectType) => {
+Cypress.Commands.add('opencvCheckObjectParameters', (objectType) => {
    let listCanvasShapeId = [];
    cy.document().then((doc) => {
        const listCanvasShape = Array.from(doc.querySelectorAll('.cvat_canvas_shape'));
--- a/tests/cypress/support/commands_projects.js
+++ b/tests/cypress/support/commands_projects.js
@ -71,8 +71,8 @@ Cypress.Commands.add('exportProject', ({ projectName, as, type, dumpType, archiv
    cy.projectActions(projectName);
    cy.intercept('GET', `/api/v1/projects/**/${type}**`).as(as);
    cy.get('.cvat-project-actions-menu').contains('Export project dataset').click();
-    cy.get('.cvat-modal-export-project').find('.cvat-modal-export-select').click();
-    cy.contains('.cvat-modal-export-option-item', dumpType).click();
+    cy.get('.cvat-modal-export-project').should('be.visible').find('.cvat-modal-export-select').click();
+    cy.contains('.cvat-modal-export-option-item', dumpType).should('be.visible').click();
    cy.get('.cvat-modal-export-select').should('contain.text', dumpType);
    if (type === 'dataset') {
        cy.get('.cvat-modal-export-project').find('[type="checkbox"]').should('not.be.checked').check();
--- a/tests/cypress/support/commands_review_pipeline.js
+++ b/tests/cypress/support/commands_review_pipeline.js
@ -110,7 +110,7 @@ Cypress.Commands.add('createIssueFromObject', (object, issueType, customeIssueDe
            cy.get('[type="submit"]').click();
        });
    } else if (issueType === 'Quick issue ...') {
-        cy.get('[id="quick_issue_from_latest$Menu"]')
+        cy.get('.cvat-quick-issue-from-latest-item')
            .should('be.visible')
            .contains('.cvat-context-menu-item', new RegExp(`^${customeIssueDescription}$`, 'g'))
            .click();