akveo / akveo/nebular

Sidemenu Menu-Item URL (target='blank') Selection is getting highlighted

未关闭
#2,118 0 条评论 4 个 reaction 已指派 0 人 在 GitHub 查看
主要语言
TypeScript
星标
8.1k
派生
1.5k
PR 合并指标
30 天内没有已合并 PR

描述

### Issue type

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

* [ ] bug report

### Issue description

**Current behavior:**
If we click on Menu Item URL which opens in new browser tab getting selected.
Menu Item is getting selected when user clicks on a URL menu item with target _blank. This is resulting in unexpected behavior of the menu.

In the below typescript code of Menu, when user selects Dashboard and then selects FAQs under Halp & Support, Dashboard is still shown but FAQs is highlighted.
The app page URL is not changing (Dashboard URL) and current Menu Item (Dashboard) selection is going off.

**Expected behavior:**

The Menu Item which is already selected , should not change selection if we click on Menu Item URL (target='_blank').

**Steps to reproduce:**

**Related code:**
import { environment } from "environments/environment";

export const MENU: any = [
{
title: 'Dashboard',
icon: 'fas fa-th',
expanded: false,
home: true,
link: '/pages/dashboard/dashboard',
hidden: true,
},
{
title: 'Help & Support',
icon: 'far fa-question-circle',
expanded: false,
home: false,
hidden: false,
children: [
{
title: 'Installation Guide',
url: environment.storageLink + 'InstallationGuide.pdf',
target: '_blank',
hidden : false,
},
{
title: 'FAQ\'s',
url: environment.storageLink + 'FAQ.pdf',
target: '_blank',
hidden: false,
},
],
},
];

### Other information:

**npm, node, OS, Browser**
```

```

**Angular, Nebular**
Angular : 7.0.3
Nebular : 3.5.0

```

贡献指南

打开贡献指南

评估

这个 Issue 还没有评估数据。

把新 issue 发到你的邮箱

精选适合新手参与的 GitHub issue 摘要。