일부 이모지를 탭으로 완성할 수 없음: 할당량 초과

브라우저 캐시를 지울 때까지 다음 문제가 발생했습니다: :을 입력한 후 이름의 일부를 입력하고 Tab을 누르거나 해당 항목을 클릭하여 (일부) 이모지를 삽입하려고 하면 다음 오류가 발생합니다:

DOMException: The quota has been exceeded.

E                         _application-b9edfbeb8d7476cb10ebd6a174760ebddf6c20c1d1a78bb95975f0d0af885455.js:16701
default                   _application-b9edfbeb8d7476cb10ebd6a174760ebddf6c20c1d1a78bb95975f0d0af885455.js:17087
dispatch                  _vendor-ccc170ebd7d3ab2d70c3e0c52d1121e7ced023e6ed05de129e0060c2a71ba2e3.js:5443
handle                    _vendor-ccc170ebd7d3ab2d70c3e0c52d1121e7ced023e6ed05de129e0060c2a71ba2e3.js:5247
(Async: EventListener.handleEvent)
add                       _vendor-ccc170ebd7d3ab2d70c3e0c52d1121e7ced023e6ed05de129e0060c2a71ba2e3.js:5295
Se                        _vendor-ccc170ebd7d3ab2d70c3e0c52d1121e7ced023e6ed05de129e0060c2a71ba2e3.js:5195
each                      _vendor-ccc170ebd7d3ab2d70c3e0c52d1121e7ced023e6ed05de129e0060c2a71ba2e3.js:395
each                      _vendor-ccc170ebd7d3ab2d70c3e0c52d1121e7ced023e6ed05de129e0060c2a71ba2e3.js:217
Se                        _vendor-ccc170ebd7d3ab2d70c3e0c52d1121e7ced023e6ed05de129e0060c2a71ba2e3.js:5194
on                        _vendor-ccc170ebd7d3ab2d70c3e0c52d1121e7ced023e6ed05de129e0060c2a71ba2e3.js:5934
default                   _application-b9edfbeb8d7476cb10ebd6a174760ebddf6c20c1d1a78bb95975f0d0af885455.js:16990
_applyEmojiAutocomplete   _application-b9edfbeb8d7476cb10ebd6a174760ebddf6c20c1d1a78bb95975f0d0af885455.js:33375
didInsertElement          _application-b9edfbeb8d7476cb10ebd6a174760ebddf6c20c1d1a78bb95975f0d0af885455.js:33183
n                         _vendor-ccc170ebd7d3ab2d70c3e0c52d1121e7ced023e6ed05de129e0060c2a71ba2e3.js:43433
trigger                   _vendor-ccc170ebd7d3ab2d70c3e0c52d1121e7ced023e6ed05de129e0060c2a71ba2e3.js:46074
n                         _vendor-ccc170ebd7d3ab2d70c3e0c52d1121e7ced023e6ed05de129e0060c2a71ba2e3.js:43433
didCreate                 _vendor-ccc170ebd7d3ab2d70c3e0c52d1121e7ced023e6ed05de129e0060c2a71ba2e3.js:19021
commit                    _vendor-ccc170ebd7d3ab2d70c3e0c52d1121e7ced023e6ed05de129e0060c2a71ba2e3.js:62778
commit                    _vendor-ccc170ebd7d3ab2d70c3e0c52d1121e7ced023e6ed05de129e0060c2a71ba2e3.js:62873
commit                    _vendor-ccc170ebd7d3ab2d70c3e0c52d1121e7ced023e6ed05de129e0060c2a71ba2e3.js:18069
_renderRoots              _vendor-ccc170ebd7d3ab2d70c3e0c52d1121e7ced023e6ed05de129e0060c2a71ba2e3.js:19654
_renderRootsTransaction   _vendor-ccc170ebd7d3ab2d70c3e0c52d1121e7ced023e6ed05de129e0060c2a71ba2e3.js:19684
_revalidate               _vendor-ccc170ebd7d3ab2d70c3e0c52d1121e7ced023e6ed05de129e0060c2a71ba2e3.js:19730
invoke                    _vendor-ccc170ebd7d3ab2d70c3e0c52d1121e7ced023e6ed05de129e0060c2a71ba2e3.js:66550
flush                     _vendor-ccc170ebd7d3ab2d70c3e0c52d1121e7ced023e6ed05de129e0060c2a71ba2e3.js:66442
flush                     _vendor-ccc170ebd7d3ab2d70c3e0c52d1121e7ced023e6ed05de129e0060c2a71ba2e3.js:66646
_end                      _vendor-ccc170ebd7d3ab2d70c3e0c52d1121e7ced023e6ed05de129e0060c2a71ba2e3.js:67222
_boundAutorunEnd          _vendor-ccc170ebd7d3ab2d70c3e0c52d1121e7ced023e6ed05de129e0060c2a71ba2e3.js:66862
(Async: promise callback)
i                         _vendor-ccc170ebd7d3ab2d70c3e0c52d1121e7ced023e6ed05de129e0060c2a71ba2e3.js:66235
_scheduleAutorun          _vendor-ccc170ebd7d3ab2d70c3e0c52d1121e7ced023e6ed05de129e0060c2a71ba2e3.js:67443
_end                      _vendor-ccc170ebd7d3ab2d70c3e0c52d1121e7ced023e6ed05de129e0060c2a71ba2e3.js:67232
_boundAutorunEnd          _vendor-ccc170ebd7d3ab2d70c3e0c52d1121e7ced023e6ed05de129e0060c2a71ba2e3.js:66862
(Async: promise callback)
i                         _vendor-ccc170ebd7d3ab2d70c3e0c52d1121e7ced023e6ed05de129e0060c2a71ba2e3.js:66235
_scheduleAutorun          _vendor-ccc170ebd7d3ab2d70c3e0c52d1121e7ced023e6ed05de129e0060c2a71ba2e3.js:67443
_end                      _vendor-ccc170ebd7d3ab2d70c3e0c52d1121e7ced023e6ed05de129e0060c2a71ba2e3.js:67232
_boundAutorunEnd          _vendor-ccc170ebd7d3ab2d70c3e0c52d1121e7ced023e6ed05de129e0060c2a71ba2e3.js:66862
(Async: promise callback)
i                         _vendor-ccc170ebd7d3ab2d70c3e0c52d1121e7ced023e6ed05de129e0060c2a71ba2e3.js:66235
_scheduleAutorun          _vendor-ccc170ebd7d3ab2d70c3e0c52d1121e7ced023e6ed05de129e0060c2a71ba2e3.js:67443
_ensureInstance           _vendor-ccc170ebd7d3ab2d70c3e0c52d1121e7ced023e6ed05de129e0060c2a71ba2e3.js:67429
schedule                  _vendor-ccc170ebd7d3ab2d70c3e0c52d1121e7ced023e6ed05de129e0060c2a71ba2e3.js:66998
<anonymous>               _vendor-ccc170ebd7d3ab2d70c3e0c52d1121e7ced023e6ed05de129e0060c2a71ba2e3.js:38529
b                         _vendor-ccc170ebd7d3ab2d70c3e0c52d1121e7ced023e6ed05de129e0060c2a71ba2e3.js:72276
_setModel                 _application-b9edfbeb8d7476cb10ebd6a174760ebddf6c20c1d1a78bb95975f0d0af885455.js:36655
r                         _application-b9edfbeb8d7476cb10ebd6a174760ebddf6c20c1d1a78bb95975f0d0af885455.js:36641
e                         _vendor-ccc170ebd7d3ab2d70c3e0c52d1121e7ced023e6ed05de129e0060c2a71ba2e3.js:72238
e                         _vendor-ccc170ebd7d3ab2d70c3e0c52d1121e7ced023e6ed05de129e0060c2a71ba2e3.js:72760
open                      _application-b9edfbeb8d7476cb10ebd6a174760ebddf6c20c1d1a78bb95975f0d0af885455.js:36583
replyToPost               _application-b9edfbeb8d7476cb10ebd6a174760ebddf6c20c1d1a78bb95975f0d0af885455.js:46862
send                      _vendor-ccc170ebd7d3ab2d70c3e0c52d1121e7ced023e6ed05de129e0060c2a71ba2e3.js:38938
_replyToPost              _application-b9edfbeb8d7476cb10ebd6a174760ebddf6c20c1d1a78bb95975f0d0af885455.js:22973
replyToTopic              _application-b9edfbeb8d7476cb10ebd6a174760ebddf6c20c1d1a78bb95975f0d0af885455.js:22538
replyToTopic              self-hosted:1175
d                         _vendor-ccc170ebd7d3ab2d70c3e0c52d1121e7ced023e6ed05de129e0060c2a71ba2e3.js:93072
_handleKey                _vendor-ccc170ebd7d3ab2d70c3e0c52d1121e7ced023e6ed05de129e0060c2a71ba2e3.js:93136
handleKey                 _vendor-ccc170ebd7d3ab2d70c3e0c52d1121e7ced023e6ed05de129e0060c2a71ba2e3.js:93513
_handleKeyEvent           _vendor-ccc170ebd7d3ab2d70c3e0c52d1121e7ced023e6ed05de129e0060c2a71ba2e3.js:93199
(Async: EventListener.handleEvent)
c                         _vendor-ccc170ebd7d3ab2d70c3e0c52d1121e7ced023e6ed05de129e0060c2a71ba2e3.js:92606
v                         _vendor-ccc170ebd7d3ab2d70c3e0c52d1121e7ced023e6ed05de129e0060c2a71ba2e3.js:93359
init                      _application-b9edfbeb8d7476cb10ebd6a174760ebddf6c20c1d1a78bb95975f0d0af885455.js:22310
initialize                _application-b9edfbeb8d7476cb10ebd6a174760ebddf6c20c1d1a78bb95975f0d0af885455.js:80945
initialize                _application-b9edfbeb8d7476cb10ebd6a174760ebddf6c20c1d1a78bb95975f0d0af885455.js:7780
runInstanceInitializers   _vendor-ccc170ebd7d3ab2d70c3e0c52d1121e7ced023e6ed05de129e0060c2a71ba2e3.js:49347

예를 들어 다음 이모지에서는 이런 현상이 발생합니다:

  • :face_with_raised_eyebrow:
  • :family_man_boy:
  • :man_mechanic:
  • :man_bad:
  • :camera_flash:
  • :partying_face:

다음 이모지에서는 발생하지 않습니다:

  • :heart_eyes:
  • :face_vomiting:
  • :point_right:

여기서 명확한 패턴을 찾지 못하겠습니다.

현재 저는 여전히 Discourse 2.8.0.beta6를 사용하고 있습니다. Firefox 93을 사용하고 있습니다. 이는 브라우저에 특정한 문제일 수도 있습니다. 캐시를 지운 후로는 다시 정상적으로 작동하지만, 처음에 이런 동작이 발생한 원인이 무엇인지 여전히 궁금합니다. 이모지 삽입은 캐싱과 관련이 없어야 하지 않나요? 다만, 최근 사용 이모지 목록을 업데이트하는 과정에서 이것이 발생했을 수도 있습니다. 어쨌든, 이렇게 실패해서는 안 된다고 생각합니다.

https://try.discourse.org/에서 해당 문제를 재현할 수 있나요?

브라우저 캐시를 지우고 나서도 내 포럼에서조차 재현이 안 됩니다. :slight_smile:

그래도 이 특정 실패 모드를 우아하게 처리하는 것만은 가능할 거라고 생각합니다.

해결된 것 같아 다행이다 :+1:

이 문제를 버그로 분류해야 할지 확실하지 않습니다. 브라우저는 저장 공간이 부족하면 매우 심각한 상태에 빠질 수 있습니다.

간단한 재현 단계를 파악해 주시면 기꺼이 분류를 변경하겠습니다.