UX: simplify markup to fix j/k highlighting (#516)
This cleans up the markup a bit, so instead of a `div` as a table child we use the `td` and removes the internal wrapper. This fixes an issue with a double highlight while using j/k navigation highlighting caused by the nested `td`.
This commit is contained in:
parent
92b0dd530b
commit
7fe45c8eb5
|
@ -5,7 +5,6 @@ import { action } from "@ember/object";
|
|||
|
||||
export default class AssignedTopicListColumn extends Component {
|
||||
<template>
|
||||
<td class="topic-list-data">
|
||||
{{#if @topic.assigned_to_user}}
|
||||
<AssignActionsDropdown
|
||||
@topic={{@topic}}
|
||||
|
@ -24,7 +23,6 @@ export default class AssignedTopicListColumn extends Component {
|
|||
{{else}}
|
||||
<AssignActionsDropdown @topic={{@topic}} @unassign={{this.unassign}} />
|
||||
{{/if}}
|
||||
</td>
|
||||
</template>
|
||||
|
||||
@service taskActions;
|
||||
|
|
|
@ -12,7 +12,7 @@ export default class extends EmberObject {
|
|||
if (ASSIGN_LIST_ROUTES.includes(this.router.currentRouteName)) {
|
||||
return rawRenderGlimmer(
|
||||
this,
|
||||
"div.assign-topic-buttons",
|
||||
"td.assign-topic-buttons",
|
||||
<template><AssignedTopicListColumn @topic={{@data.topic}} /></template>,
|
||||
{ topic: this.topic }
|
||||
);
|
||||
|
|
Loading…
Reference in New Issue