Menu close event on mobile screen.

[jinho1410]

Issue type

I'm submitting a ... (check one with "x")

• bug report
• feature request
• question about the decisions made in the repository

Issue description

184/5000
I raise issues after much effort.

The menu does not close when clicking on a page that is already open on mobile.
The user has no response and is frustrated.

You must press the menu button at the top, but the menu closes.

Clicking a page outside the menu does not close the menu.

Is there any way to fix this event?

Thank you.

Other information:

Test in the latest version

npm, node, OS, Browser

<!--
Node, npm: `node --version` and `npm --version`
OS: Windows (7/8/10). Linux (incl. distribution). macOS (El Capitan? Sierra?)
Browser: Chrome/Safari/Firefox/etc?
-->

Angular, Nebular

<!--
Check your `package-lock.json` or locate a `package.json` in the `node_modules` folder.
-->

[nnixaa]

Hi @jinho1410, please take a look at this issue akveo/nebular#368. Hope it resolves your question.

[anthowm]

@jinho1410 I handle this problem with this piece of code in the layout, hope it help you
global property
isBpLittle: boolean;
In constructor:

const isBp = this.bpService.getByName('is');
this.themeService.onMediaQueryChange()
      .pipe(
        takeWhile(() => this.alive),
      ).subscribe(([bpFrom, bpTo]: NbMediaBreakpoint[]) => {
        if (bpTo.width <= isBp.width) {
          this.isBpLittle = true;
        } else {
          this.isBpLittle = false;
        }
      });