Skip to content
Snippets Groups Projects
Commit af10ddde authored by Henrik Askjer's avatar Henrik Askjer
Browse files

try maintaining focus when returning from article lookup

parent 6d40bf8b
No related branches found
No related tags found
No related merge requests found
<template>
<article v-bind:class="{'v-sheet v-card rounded-xl': !articleLookup, dictionary, 'collapsable': collapsable, 'collapsed': collapsed}" v-if="article">
<Header :article_number="article_number" :lemmas="article.lemmas" :dictionary="dictionary" :article_id="article.article_id" />
<Header :title_id="title_id" :lemmas="article.lemmas" :dictionary="dictionary" :article_id="article.article_id" />
<InflectionButton :lemmas="article.lemmas" :dictionary="dictionary" :article_id="article.article_id"/>
<div class="article_content" :class="$vuetify.breakpoint.name" v-if="!collapsed">
......@@ -76,7 +76,7 @@ export default {
props: {
article: Object,
articleLookup: Boolean,
article_number: Number
title_id: String
},
data: function() {
......@@ -186,6 +186,7 @@ export default {
this.$emit('article-click', item)
},
details_click: function(item) {
item.title_id = this.title_id
this.$emit('details-click', item)
}
}
......
......@@ -24,7 +24,7 @@
:dense="$vuetify.breakpoint.mobile"
>
<template v-slot:append>
<a class="accessibility_link" href="#main_content_0">Gå videre til hovedinnholdet</a>
<a class="accessibility_link" href="#title_0">Gå videre til hovedinnholdet</a>
<a href="#top_menu" class="accessibility_link"
@click="$store.commit('toggle', 'menuOpen')"
......@@ -179,7 +179,7 @@ import Menu from './Menu.vue'
}
},
mounted: function() {
this.$refs.autocomplete.$refs.input.select()
if (! this.$route.hash) this.$refs.autocomplete.focus()
}
}
</script>
......
......@@ -437,7 +437,7 @@ export default {
}
},
details_click: function(item) {
item.article.source = this.previous
item.article.source = this.previous.split('#')[0] + item.title_id
this.article = item.article
history.replaceState({article: this.article,
search_results: {},
......@@ -596,7 +596,7 @@ div.welcome article {
margin: auto;
}
#search_results, #spinner, #single_article_container, div.welcome, div.search_container, .error {
#search_results, #spinner, #above_results, #single_article_container, div.welcome, div.search_container, .error {
padding-left: calc((100vw - 1200px) / 2);
padding-right: calc((100vw - 1200px) / 2);
}
......
......@@ -2,7 +2,7 @@
<template>
<div class = "header">
<router-link tabindex="0" :id="'main_content_'+article_number" :to="$parent.link_to_self.ref" @click.native="$parent.details_click($parent.link_to_self)" class="article_header"><h2>{{header_text}}</h2>
<router-link tabindex="0" :id="title_id" :to="$parent.link_to_self.ref" @click.native="$parent.details_click($parent.link_to_self)" class="article_header"><h2>{{header_text}}</h2>
<span :aria-label="hgno_arabic" class="hgno" v-if="$store.state.showHGNO">{{hgno}}</span></router-link>
<span class="dict-label">{{dict_label}}</span>
<h2 class="secondary_header" v-if="secondary_header_text.length">{{secondary_header_text}}</h2>
......@@ -45,7 +45,7 @@ export default {
lemmas: Array,
dictionary: String,
article_id: Number,
article_number: Number
title_id: String
},
computed: {
header_text: function() {
......
......@@ -8,7 +8,7 @@
<li class="article_container" v-for="(result, index) in both_dicts" :key="index + both_hash">
<Article
:article="result"
:article_number="index"
:title_id="'#title_' + (index + count_bm)"
@article-click="article_link_click"
@details-click="details_click">
</Article>
......@@ -18,7 +18,7 @@
<li class="article_container" v-for="(result, index) in results_bm" :key="index + bm_hash">
<Article
:article="result"
:article_number="index"
:title_id="'#title_' + (index + count_bm)"
@article-click="article_link_click"
@details-click="details_click">
</Article>
......@@ -28,7 +28,7 @@
<li class="article_container" v-for="(result, index) in results_nn" :key="index + nn_hash">
<Article
:article="result"
:article_number="index + count_bm"
:title_id="'#title_' + (index + count_bm)"
@article-click="article_link_click"
@details-click="details_click"
:class="right_col_class_name">
......
0% Loading or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment