# Dialog Pozisyon Yönetimi - FikoYT

## 🎯 İlk Açılış

**Olay bazlı:**
- **pointerdown:** Tıklanan konum
- **Varsayılan:** Ekran merkezine

```typescript
if (event?.type == "pointerdown") {
  // Tıklanan konuma
  top: event.offsetY - height/2
  left: event.offsetX - width/2
} else {
  // Merkez
  top: (windowHeight - height)/2
  left: (windowWidth - width)/2
}
```

## 🔧 Taşma Kontrolü

**Otomatik düzeltme:**
- **Sağ taşma:** Sağ kenara yasla (10px margin)
- **Sol taşma:** Sol kenara yasla
- **Alt/üst taşma:** Kenarlara yasla

## 📐 Dinamik Pozisyonlama

**Canvas bazlı:**
- Canvas boyutları dinamik alınır
- Dialog yüksekliği DOM'dan okunur
- Alt toolbar dikkate alınır

```typescript
// Canvas merkez + toolbar offset
const dialogY = canvasHeight - toolbarHeight - (dialogHeight/2);

// Sınır kontrolü
const finalY = Math.max(minY, Math.min(maxY, dialogY));
```

---
2025-11-06