From f6a75d253ec8581247788a1c34852704bb7be3b3 Mon Sep 17 00:00:00 2001
From: Markus Sanin <markus.sanin@zeppelin-group.com>
Date: Wed, 24 Dec 2025 10:29:50 +0100
Subject: [PATCH] Add auto-left example in docs

---
 docs/app/components/snippets/position-1.gts | 16 ++++++++++++----
 1 file changed, 12 insertions(+), 4 deletions(-)

diff --git a/docs/app/components/snippets/position-1.gts b/docs/app/components/snippets/position-1.gts
index f14969ab..8621c833 100644
--- a/docs/app/components/snippets/position-1.gts
+++ b/docs/app/components/snippets/position-1.gts
@@ -3,16 +3,17 @@ import { on } from '@ember/modifier';
 import Component from '@glimmer/component';
 import BasicDropdown from 'ember-basic-dropdown/components/basic-dropdown';
 import { eq, not } from 'ember-truth-helpers';
+import { tracked } from '@glimmer/tracking';
 import type {
   HorizontalPosition,
   VerticalPosition,
 } from 'ember-basic-dropdown/types';
 
 export default class extends Component {
-  horizontalPosition: HorizontalPosition = 'auto';
-  verticalPosition: VerticalPosition = 'auto';
-  buttonPosition = 'left';
-  renderInPlace = false;
+  @tracked horizontalPosition: HorizontalPosition = 'auto';
+  @tracked verticalPosition: VerticalPosition = 'auto';
+  @tracked buttonPosition = 'left';
+  @tracked renderInPlace = false;
 
   <template>
     horizontalPosition:
@@ -57,6 +58,13 @@ export default class extends Component {
         {{on "change" (fn (mut this.horizontalPosition) "auto")}}
       />
       <label for="h-auto">auto</label>
+      <input
+        type="radio"
+        id="h-auto-left"
+        checked={{eq this.horizontalPosition "auto-left"}}
+        {{on "change" (fn (mut this.horizontalPosition) "auto-left")}}
+      />
+      <label for="h-auto-left">auto-left</label>
       <input
         type="radio"
         id="h-auto-right"