akveo / akveo/nebular

NbSearchComponent hangs when pressing Esc key full-screen

Open
#2,993 0 comments 0 reactions 0 assignees View on GitHub
Dominant language
TypeScript
Stars
8.1k
Forks
1.5k
PR merge metrics
No merged PRs in 30d

Description

### Issue type

**I'm submitting a bug report**

* [x] bug report
* [ ] feature request

### Issue description

**Current behavior:**
Pressing the Esc key while using the NbSearchComponent on a full screen page results in a hanged website.
When you press the Esc key the animation starts, but after a few milliseconds it hangs, leaving the entire site in a unusable 3D state. The only way to get out of this state is to refresh the page.

This bug also manifests itself on the [ngx-admin demo sites](https://www.akveo.com/ngx-admin/pages/dashboard?theme=corporate). Press on the search icon in the right upper part of the page, press Esc.

It doesn't work in Chrome and Brave. It works in the Edge browser.
Interesting enough it works in the [Documentation page](https://akveo.github.io/nebular/docs/components/global-search/overview#nbsearchcomponent), but doesn't work when you click on the Fullscreen button on that same page.

**Expected behavior:**
Pressing Esc key should have the same effect in terms of animation as pressing the Enter key: the page should return to a 2D state.

**Steps to reproduce:**
- Go to https://akveo.github.io/nebular/example/search/search-event.component
- Click on search icon
- Press Esc key

**Related code:**
See the example code from the Nebular documentation.

### Other information:

**npm, node, OS, Browser**
Node: v16.13.0
Npm: 8.1.0
OS: Windows 10
Browser: Chrome/Brave (works in Edge)

### Screenshot hanged state
![nebular-search-hanged](https://user-images.githubusercontent.com/12813016/147875642-89b47211-b541-4054-9849-04419f2ced08.png)

Contributor guide

Open the contributing guide

Assessment

This issue has not been assessed yet.

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.