WIP PWA for Grain
fix: resolve iOS scroll lock after closing comment sheet via X button
On iOS PWA, tapping the close button inside the fixed sheet would cause
iOS to lose track of the scroll context, freezing page scroll. Fixed by:
- Adding touch-action: manipulation to prevent gesture tracking issues
- Blurring active element before close to release iOS focus
- Using requestAnimationFrame to let iOS finish touch processing
🤖 Generated with [Claude Code](https://claude.com/claude-code)
Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com>
+13
-5
+13
-5
src/components/organisms/grain-comment-sheet.js
+13
-5
src/components/organisms/grain-comment-sheet.js
···
86
86
padding: var(--space-sm);
87
87
cursor: pointer;
88
88
color: var(--color-text-primary);
89
+
touch-action: manipulation;
90
+
-webkit-tap-highlight-color: transparent;
89
91
}
90
92
.comments-list {
91
93
flex: 1;
···
212
214
}
213
215
214
216
#handleClose() {
215
-
this.open = false;
216
-
this._replyToUri = null;
217
-
this._replyToHandle = null;
218
-
this._inputValue = '';
219
-
this.dispatchEvent(new CustomEvent('close'));
217
+
// Blur active element first to release iOS focus/scroll context
218
+
document.activeElement?.blur();
219
+
220
+
// Small delay to let iOS finish processing touch before hiding
221
+
requestAnimationFrame(() => {
222
+
this.open = false;
223
+
this._replyToUri = null;
224
+
this._replyToHandle = null;
225
+
this._inputValue = '';
226
+
this.dispatchEvent(new CustomEvent('close'));
227
+
});
220
228
}
221
229
222
230
#handleOverlayClick() {