# Fix Extension cho Facebook

## Vấn đề

Facebook có **CSP (Content Security Policy) nghiêm ngặt** và có thể block một số DOM APIs, khiến sidebar không hiện khi bôi đen text.

## Đã fix

1. ✅ **Error handling**: Thêm try-catch cho tất cả DOM operations
2. ✅ **Fallback append**: Nếu `document.body.appendChild()` fail → thử `document.documentElement.appendChild()`
3. ✅ **Console logging**: Log errors để debug
4. ✅ **Safe remove**: Check cả `document.body` và `document.documentElement` khi remove

## Test lại

1. **Reload extension** trong `chrome://extensions`
2. **Mở Facebook**: https://www.facebook.com
3. **Bôi đen text** trên một post
4. **Check Console** (F12) xem có errors không
5. **Sidebar sẽ hiện** nếu không có CSP block

## Nếu vẫn không hiện

Facebook có thể:
- Block `innerHTML` với user content (XSS protection)
- Block `appendChild` vào một số elements
- Có CSP policy block inline styles

**Giải pháp tiếp theo**:
- Dùng `textContent` thay vì `innerHTML`
- Dùng `createElement` + `appendChild` thay vì `innerHTML`
- Inject CSS vào `<head>` thay vì inline styles

## Debug

Mở Console (F12) và check:
- `[CuCu Note] Error in handleTextSelection:` - Lỗi khi detect selection
- `[CuCu Note] Error showing sidebar:` - Lỗi khi tạo sidebar
- `[CuCu Note] Error appending sidebar:` - Lỗi khi append vào DOM

