vaadin-component-factory
diff --git a/‎.idea/.gitignore‎ b/‎.idea/.gitignore‎
diff --git a/‎.idea/inspectionProfiles/Project_Default.xml‎
Lines changed: 6 additions & 0 deletions b/‎.idea/inspectionProfiles/Project_Default.xml‎
Lines changed: 6 additions & 0 deletions
diff --git a/‎.idea/misc.xml‎
Lines changed: 9 additions & 0 deletions b/‎.idea/misc.xml‎
Lines changed: 9 additions & 0 deletions
diff --git a/‎.idea/modules.xml‎
Lines changed: 8 additions & 0 deletions b/‎.idea/modules.xml‎
Lines changed: 8 additions & 0 deletions
diff --git a/‎.idea/vcf-anchor-nav.iml‎
Lines changed: 9 additions & 0 deletions b/‎.idea/vcf-anchor-nav.iml‎
Lines changed: 9 additions & 0 deletions
diff --git a/‎.idea/vcs.xml‎
Lines changed: 6 additions & 0 deletions b/‎.idea/vcs.xml‎
Lines changed: 6 additions & 0 deletions
diff --git a/‎.idea/workspace.xml‎
Lines changed: 62 additions & 0 deletions b/‎.idea/workspace.xml‎
Lines changed: 62 additions & 0 deletions
diff --git a/‎demo/foo.html‎
Lines changed: 10 additions & 0 deletions b/‎demo/foo.html‎
Lines changed: 10 additions & 0 deletions
diff --git a/‎demo/index.html‎
Lines changed: 6 additions & 4 deletions b/‎demo/index.html‎
Lines changed: 6 additions & 4 deletions
diff --git a/‎src/vcf-anchor-nav-section.js‎
Lines changed: 2 additions & 2 deletions b/‎src/vcf-anchor-nav-section.js‎
Lines changed: 2 additions & 2 deletions
@@ -0,0 +1,10 @@
+<html lang="en">
+<head>
+    <meta charset="utf-8" />
+    <meta name="viewport" content="width=device-width, minimum-scale=1, initial-scale=1, user-scalable=yes" />
+    <title>vcf-anchor-nav demo</title>
+</head>
+<body>
+    <p>Foo <a href="./index.html">Go back</a></p>
+
+</body>
@@ -157,7 +157,9 @@
     </custom-style>
   </head>
   <body>
-    <vcf-anchor-nav fullscreen class="main hidden">
+
+    <vcf-anchor-nav fullscreen class="main hidden" no-history>
+      <p>Go to <a href="./foo.html">foo</a></p>
       <a id="api" slot="header" href="/api/#/elements/Vaadin.VcfAnchorNav">
         <vaadin-button theme="tertiary" class="nav-btn">
           <iron-icon icon="lumo:angle-right" slot="suffix"></iron-icon>
@@ -194,7 +196,7 @@ <h2 slot="header" class="main">Basic</h2>
               }
             </style>
 
-            <vcf-anchor-nav id="basic" theme="expand-last" disable-preserve-on-refresh>
+            <vcf-anchor-nav id="basic" theme="expand-last" disable-preserve-on-refresh no-history>
               <h1 slot="header">Main Header</h1>
 
               <vcf-anchor-nav-section name="Introduction">
@@ -256,7 +258,7 @@ <h2 slot="header" class="main">Fullscreen</h2>
               }
             </style>
 
-            <vcf-anchor-nav id="fullscreen" theme="expand-last" disable-preserve-on-refresh>
+            <vcf-anchor-nav id="fullscreen" theme="expand-last" disable-preserve-on-refresh no-history>
               <vaadin-button slot="header">Toggle Fullscreen</vaadin-button>
               <vcf-anchor-nav-section>Section 1</vcf-anchor-nav-section>
               <vcf-anchor-nav-section>Section 2</vcf-anchor-nav-section>
@@ -313,7 +315,7 @@ <h2 slot="header" class="main">Custom Tabs</h2>
               }
             </style>
 
-            <vcf-anchor-nav id="custom-tabs" theme="expand-last" disable-preserve-on-refresh>
+            <vcf-anchor-nav id="custom-tabs" theme="expand-last" disable-preserve-on-refresh no-history>
               <!-- Add your own <vaadin-tabs> to the "tabs" slot. -->
               <vaadin-tabs slot="tabs">
                 <!-- Create custom <vaadin-tab> with "id" equal to "tab-id" of the linked section. -->
 
@@ -137,7 +137,7 @@ class AnchorNavSectionElement extends ElementMixin(ThemableMixin(PolymerElement)
   }
 
   get navTab() {
-    return this.nav && this.nav.$.tabs.querySelector(`#${this.tabId || this.defaultTabId}`);
+    return this.nav && this.nav.$ && this.nav.$.tabs && this.nav.$.tabs.querySelector(`#${this.tabId || this.defaultTabId}`);
   }
 
   get url() {
@@ -175,7 +175,7 @@ class AnchorNavSectionElement extends ElementMixin(ThemableMixin(PolymerElement)
 
   _onTabSlotChange() {
     const tab = this.tab;
-    if (this.nav && tab) {
+    if (this.nav && this.nav.$ && tab) {
       tab.removeAttribute('slot');
       this.tabId = tab.id;
       this.nav.$.tabs.appendChild(tab);
Original file line number	Diff line number	Diff line change
`@@ -137,7 +137,7 @@ class AnchorNavSectionElement extends ElementMixin(ThemableMixin(PolymerElement)`
`137`	`137`	`}`
`138`	`138`
`139`	`139`	`get navTab() {`
`140`		- return this.nav && this.nav.$.tabs.querySelector(`#${this.tabId \|\| this.defaultTabId}`);
	`140`	+ return this.nav && this.nav.$ && this.nav.$.tabs && this.nav.$.tabs.querySelector(`#${this.tabId \|\| this.defaultTabId}`);
`141`	`141`	`}`
`142`	`142`
`143`	`143`	`get url() {`
`@@ -175,7 +175,7 @@ class AnchorNavSectionElement extends ElementMixin(ThemableMixin(PolymerElement)`
`175`	`175`
`176`	`176`	`_onTabSlotChange() {`
`177`	`177`	`const tab = this.tab;`
`178`		`- if (this.nav && tab) {`
	`178`	`+ if (this.nav && this.nav.$ && tab) {`
`179`	`179`	`tab.removeAttribute('slot');`
`180`	`180`	`this.tabId = tab.id;`
`181`	`181`	`this.nav.$.tabs.appendChild(tab);`