🎉 PinPic New Features Test

Testing smart tooltip positioning and auto-open on scroll

Scroll trigger line:
50% viewport

✅ Feature 1: Smart Tooltip Positioning

Tooltips now automatically adjust their position to stay within the viewport. Try clicking hotspots near the edges of the screen!

Left Edge Test

Click the hotspot - tooltip should appear to the right

Right Edge Test

Click the hotspot - tooltip should appear to the left

Expected behavior:
⬇️ Scroll down to test auto-open feature ⬇️

✅ Feature 2: Auto-Open on Scroll

If configured in the editor, tooltips can automatically open when they reach a certain position on the screen during scrolling.

Auto-Opening Tooltip Demo

The tooltip below should open automatically when it reaches 50% of the viewport height:

How to enable in the editor:
  1. Open image editor in the dashboard
  2. Go to the "Settings" tab
  3. Toggle "Auto-Open on Scroll" to ON
  4. Set trigger position (10-90% of viewport)
  5. Optionally set auto-close delay in milliseconds
  6. Save changes
⬇️ Keep scrolling ⬇️

📊 Configuration Options

Setting Description Default
auto_open_enabled Enable/disable auto-open feature Off
trigger_position Viewport percentage (10-90%) 50%
auto_close_delay Milliseconds before auto-close (0 = don't close) 0ms
🎉 End of demo 🎉