@nice-digital/global-nav 4.1.668 → 4.1.687-GN-161-Skip-submenu-

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -12,7 +12,7 @@
12
12
  font-family: unquote($nds-font-family-sans);
13
13
  margin: rem($nds-spacing-large 0 0 0);
14
14
  position: relative;
15
- z-index: 1;
15
+ z-index: 0;
16
16
 
17
17
  *,
18
18
  *:before,
@@ -45,11 +45,10 @@ function Dropdown(_ref) {
45
45
  var _this = this;
46
46
 
47
47
  e.preventDefault();
48
- var hash = e.target.hash.substring(1);
49
- var element = document.getElementById("navlink-" + hash);
48
+ var element = document.getElementById(e.target.hash.substr(1));
50
49
  requestAnimationFrame(function () {
51
50
  (0, _newArrowCheck2["default"])(this, _this);
52
- element.focus();
51
+ element && element.focus();
53
52
  }.bind(this));
54
53
  closeDropdown();
55
54
  }
@@ -61,7 +60,7 @@ function Dropdown(_ref) {
61
60
  }, /*#__PURE__*/_react["default"].createElement("div", {
62
61
  className: _DropdownModule["default"].container
63
62
  }, nextNavSlug && /*#__PURE__*/_react["default"].createElement("a", {
64
- href: "#" + nextNavSlug,
63
+ href: "#navlink-" + nextNavSlug,
65
64
  className: _DropdownModule["default"].skiplink,
66
65
  onClick: handleSkipLink
67
66
  }, "Skip ", text, " submenu"), /*#__PURE__*/_react["default"].createElement(Component, null), /*#__PURE__*/_react["default"].createElement("button", {
@@ -122,10 +122,9 @@ function NavLinks(_ref) {
122
122
  className: _NavLinksModule["default"].link,
123
123
  "aria-controls": "dropdown-" + id,
124
124
  "aria-expanded": id === idOfOpenDropdown ? true : false,
125
- id: "navlink-" + id
126
- }, /*#__PURE__*/_react["default"].createElement("span", {
125
+ id: "navlink-" + id,
127
126
  "aria-label": abbreviation && title
128
- }, text), id === idOfOpenDropdown ? /*#__PURE__*/_react["default"].createElement(_ChevronUp["default"], {
127
+ }, /*#__PURE__*/_react["default"].createElement("span", null, text), id === idOfOpenDropdown ? /*#__PURE__*/_react["default"].createElement(_ChevronUp["default"], {
129
128
  className: _NavLinksModule["default"].icon,
130
129
  pointerEvents: "none"
131
130
  }) : /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, /*#__PURE__*/_react["default"].createElement(_ChevronDown["default"], {
@@ -136,10 +135,9 @@ function NavLinks(_ref) {
136
135
  "aria-current": ariaCurrent,
137
136
  className: _NavLinksModule["default"].link,
138
137
  onClick: handleNavLinkClick,
139
- id: "navlink-" + id
140
- }, /*#__PURE__*/_react["default"].createElement("span", {
138
+ id: "navlink-" + id,
141
139
  "aria-label": abbreviation && title
142
- }, text), nestedLinks && /*#__PURE__*/_react["default"].createElement(_ChevronDown["default"], {
140
+ }, /*#__PURE__*/_react["default"].createElement("span", null, text), nestedLinks && /*#__PURE__*/_react["default"].createElement(_ChevronDown["default"], {
143
141
  className: _NavLinksModule["default"].icon,
144
142
  pointerEvents: "none"
145
143
  })), nestedLinks && /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, /*#__PURE__*/_react["default"].createElement("ul", {
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@nice-digital/global-nav",
3
- "version": "4.1.668",
3
+ "version": "4.1.687-GN-161-Skip-submenu-",
4
4
  "description": "Global header and footer components for NICE digital services",
5
5
  "main": "lib/index.js",
6
6
  "types": "./types.d.ts",