fix: comment input behavior

[Raspincel]

• Now, clicking on the mentions button does not close the entire input
• Mention list now closes when erasing the @ symbol
• Improved behavior of mention list in general when typing something: closes when it should close, opens when it should open, keeps open if in the middle of typing someone's name, etc
• Mention button only worked if clicking right at the icon in the center. Now, anywhere is fine
• Mention list is no longer hidden in comments bar

[SuperViz-Dev]

Total Coverage: 94.05%

Coverage Report

File	Branch	Funcs	Lines	Uncovered Lines
src
shims.d.ts	100%	100%	100%
src/common
src/common/types
colors.types.ts	100%	100%	100%
events.types.ts	100%	100%	100%
meeting-colors.types.ts	100%	100%	100%
participant.types.ts	100%	100%	100%
realtime.types.ts	100%	100%	100%
sdk-options.types.ts	100%	100%	100%
stores.types.ts	100%	100%	100%
src/common/utils
do-request.ts	100%	100%	87.50%	20
index.ts	100%	100%	100%
logger.ts	100%	100%	100%
observable.ts	100%	100%	100%
observer.ts	100%	100%	100%
sleep.ts	0%	100%	100%	2
use-store.ts	80%	100%	100%	34
src/components
index.ts	100%	75%	100%
types.ts	100%	100%	100%
src/components/base
index.ts	83.33%	100%	94.12%	46, 47, 48, 49
src/components/comments
index.ts	94.44%	93.33%	96.40%	241, 298, 357, 358, 359, 361, 479, 517, 586, 699, 715
types.ts	100%	100%	100%
src/components/comments/canvas-pin-adapter
index.ts	54.55%	85.71%	88.19%	204, 251, 251, 251, 251, 252, 253, 256, 256, 257, 260, 330, 331, 333, 333, 333, 335, 335, 336, 338, 339, 342, 344, 393, 394, 395, 414, 425, 436, 440, 453, 474, 499, 519, 520, 531, 532, 533, 534, 535, 535, 535, 535, 535, 537, 537, 538, 538, 538, 538, 542, 544, 545
src/components/comments/html-pin-adapter
index.ts	91.59%	96.55%	96.35%	277, 278, 279, 336, 363, 470, 471, 492, 493, 495, 495, 497, 498, 500, 500, 500, 500, 502, 503, 718, 719, 720, 797, 798, 799
src/components/form-elements
index.ts	98.46%	100%	100%	96
types.ts	100%	100%	100%
src/components/presence-mouse
index.ts	50%	50%	90%	10, 11
types.ts	100%	100%	100%
src/components/presence-mouse/canvas
index.ts	64.71%	77.27%	87.57%	101, 102, 111, 112, 113, 114, 134, 134, 136, 160, 163, 163, 164, 165, 243, 243, 243, 243, 327, 355, 355, 357, 416, 78, 79, 80, 81, 82, 84, 85, 86, 87, 96, 97
src/components/presence-mouse/html
index.ts	92.45%	96.97%	99.39%	281, 281, 283, 303, 565, 680
src/components/realtime
channel.ts	80%	80%	87.65%	119, 119, 121, 123, 124, 127, 129, 133, 134, 215, 82, 83, 99
index.ts	25%	66.67%	76.47%	106, 106, 108, 109, 112, 113, 115, 116, 56, 73, 73, 74, 75, 78, 98
types.ts	100%	100%	100%
src/components/video
index.ts	84.38%	98.33%	94.44%	204, 325, 550, 655, 656, 658, 658, 659, 660, 663, 741, 762, 763, 765, 765, 766, 771, 778, 793, 851, 856, 856, 857, 860, 868
src/components/who-is-online
index.ts	96.30%	98.04%	97.46%	240, 338, 571, 735, 736, 738, 784, 784, 786, 787
types.ts	100%	100%	100%
src/core
index.ts	80%	57.14%	76.47%	115, 118, 122, 123, 125, 130, 130, 139, 141, 147, 69, 69, 71, 72, 73, 93, 94
src/core/launcher
index.ts	89.47%	80%	87.37%	122, 124, 125, 129, 132, 324, 338, 339, 361, 363, 364, 372, 377, 408, 409, 409, 412, 413, 415, 417, 419, 420, 421, 422, 461, 462, 463
src/services
src/services/api
index.ts	100%	88.24%	88.33%	102, 103, 105, 111, 112, 113, 114
src/services/auth-service
index.ts	100%	100%	100%
src/services/browser
index.ts	100%	100%	100%
src/services/config
index.ts	100%	100%	100%
src/services/connection-status
index.ts	100%	100%	100%
src/services/event-bus
index.ts	100%	100%	100%
src/services/frame-brick-layer
index.ts	100%	100%	100%
src/services/io
index.ts	50%	83.33%	88.24%	15, 52, 53
src/services/limits
index.ts	75%	100%	100%	10
src/services/message-bridge
index.ts	93.33%	100%	100%	83
src/services/presence-3d-manager
index.ts	73.68%	92.59%	95.83%	161, 33, 34, 34, 35, 35, 38, 57, 64
types.ts	100%	100%	100%
src/services/realtime
index.ts	100%	100%	100%
src/services/realtime/ably
index.ts	78%	70.59%	81.08%	148, 149, 152, 153, 168, 237, 275, 276, 277, 278, 279, 279, 280, 281, 318, 319, 390, 498, 499, 500, 501, 503, 506, 507, 508, 510, 511, 513, 513, 513, 514, 515, 517, 518, 519, 523, 523, 524, 527, 74, 78, 82, 86, 90, 91, 92
src/services/realtime/base
index.ts	100%	100%	100%
src/services/remote-config-service
index.ts	100%	80%	92.31%	35
src/services/roomState
index.ts	88.24%	100%	100%	147, 234, 244, 74
type.ts	100%	100%	100%
src/services/slot
index.ts	46.15%	75%	71.11%	101, 102, 105, 105, 106, 107, 112, 114, 47, 55, 56, 62, 92, 94, 94, 94, 94, 96, 96, 97
src/services/stores
index.ts	100%	100%	100%
src/services/stores/common
utils.ts	100%	100%	100%
src/services/stores/global
index.ts	0%	100%	96.15%	17, 18
src/services/stores/presence3D
index.ts	0%	66.67%	86.67%	14, 15, 22
src/services/stores/subject
index.ts	100%	100%	100%
src/services/stores/video
index.ts	0%	100%	96.97%	20, 21
src/services/stores/who-is-online
index.ts	0%	100%	97.92%	25, 26
src/services/video-conference-manager
index.ts	61.90%	84.21%	93.53%	121, 124, 125, 126, 170, 175, 207, 208, 213, 214, 215, 218, 218, 219, 221, 222, 300, 312, 334, 361, 362, 363, 416, 450, 561, 573, 616, 620, 679
types.ts	100%	100%	100%

[SuperViz-Dev]

Total Coverage: 97.36%

Coverage Report

File	Branch	Funcs	Lines	Uncovered Lines
src
src/web-components
src/web-components/base
index.ts	75%	100%	83.52%	28, 32, 33, 34, 56, 57, 58, 59, 60, 61, 62, 63, 64, 65, 66, 67, 68, 69
src/web-components/base/styles
icon-button.style.ts	100%	100%	100%
index.ts	100%	100%	100%
sv-hr.style.ts	100%	100%	100%
typography.style.ts	100%	100%	100%
variables.style.ts	100%	100%	100%
src/web-components/base/utils
importStyle.ts	66.67%	100%	100%	3
src/web-components/comments
comments.ts	88.24%	76.92%	87.80%	102, 103, 104, 105, 106, 107, 108, 109, 110, 111, 137, 64, 65, 66, 79, 80, 94, 95, 96, 97, 98, 99
index.ts	100%	100%	100%
src/web-components/comments/components
annotation-filter.ts	100%	100%	100%
annotation-item.ts	100%	96.43%	96.73%	181, 182, 183, 184, 185, 186, 187, 188, 232, 233
annotation-pin.ts	100%	100%	95.19%	118, 123, 124, 125, 126, 183, 184, 185, 74, 75, 76, 77, 78
annotation-resolved.ts	100%	100%	100%
comment-input.ts	100%	96.67%	97.72%	237, 238, 239, 242, 243, 271, 272, 372, 373, 387, 388
comment-item.ts	100%	90.48%	96.43%	102, 103, 104, 279, 280, 89, 90, 91, 92, 95, 96
content.ts	96.15%	81.82%	89.15%	108, 109, 39, 40, 43, 44, 45, 51, 52, 53, 67, 78, 79, 80, 81
delete-comment-modal.ts	100%	100%	100%
float-button.ts	100%	100%	87.65%	104, 105, 106, 107, 108, 109, 110, 111, 112, 113, 114, 115, 116, 117, 118, 50, 51, 55, 56, 72, 81
index.ts	100%	100%	100%
mention-list.ts	100%	100%	100%
topbar.ts	100%	100%	100%
types.ts	100%	100%	100%
src/web-components/comments/css
annotation-filter.style.ts	100%	100%	100%
annotation-item.style.ts	100%	100%	100%
annotation-pin.style.ts	100%	100%	100%
annotation-resolved.style.ts	100%	100%	100%
comment-input.style.ts	100%	100%	100%
comment-item.style.ts	100%	100%	100%
comments.style.ts	100%	100%	100%
content.style.ts	100%	100%	100%
float-button.style.ts	100%	100%	100%
index.ts	100%	100%	100%
mention-list.style.ts	100%	100%	100%
powered-by.style.ts	100%	100%	100%
topbar.style.ts	100%	100%	100%
src/web-components/comments/utils
autocomplete-handler.ts	100%	100%	98.29%	25, 26
mention-handler.ts	100%	100%	100%
watermark.ts	100%	100%	86.15%	15, 16, 17, 18, 19, 20, 21, 22, 23
src/web-components/dropdown
index.style.ts	100%	100%	100%
index.ts	92.31%	100%	97.67%	156, 157, 158, 159, 160, 161, 189, 223, 260, 83, 86
src/web-components/hello-world
index.ts	100%	100%	100%
src/web-components/icon
index.ts	100%	100%	100%
types.ts	100%	100%	100%
src/web-components/modal
index.ts	100%	100%	100%
modal-container.ts	100%	100%	100%
modal.ts	100%	100%	100%
src/web-components/modal/styles
index.style.ts	100%	100%	100%
src/web-components/tooltip
index.style.ts	100%	100%	100%
index.ts	85.19%	100%	95.15%	109, 110, 111, 112, 114, 115, 116, 117, 152, 156, 221, 222, 223, 224, 88, 90, 91, 92, 94, 95, 96
types.ts	100%	100%	100%
src/web-components/who-is-online
index.ts	100%	100%	100%
who-is-online.ts	89.86%	100%	96.96%	250, 251, 269, 270, 271, 283, 284, 285, 297, 298, 299, 328, 329, 330, 70, 71, 76, 77
src/web-components/who-is-online/components
dropdown.ts	97.50%	94.74%	97.86%	138, 139, 140, 141, 142, 143, 146
index.ts	100%	100%	100%
messages.ts	100%	80%	97.27%	126, 127, 135, 136, 144, 145
types.ts	100%	100%	100%
src/web-components/who-is-online/css
dropdown.style.ts	100%	100%	100%
index.ts	100%	100%	100%
messages.style.ts	100%	100%	100%
who-is-online-style.ts	100%	100%	100%

[SuperViz-Dev]

:tada: This PR is included in version 6.1.0-lab.27 :tada:

The release is available on:

• GitHub release
• npm package (@lab dist-tag)

Your semantic-release bot :package::rocket:

[SuperViz-Dev]

:tada: This PR is included in version 6.2.0-beta.2 :tada:

The release is available on:

• GitHub release
• npm package (@beta dist-tag)

Your semantic-release bot :package::rocket:

[SuperViz-Dev]

:tada: This PR is included in version 6.2.0 :tada:

The release is available on:

• GitHub release
• npm package (@latest dist-tag)

Your semantic-release bot :package::rocket: