NodeBB v3 Chat Very Slow

[phenomlab]

@DownPW Yes, that’s input:focus - it’s used to style much larger boxes on focus, but I’ll need to create an exemption here.

[DownPW]

Nodebb communauty :

[phenomlab]

@DownPW @cagatay Thanks for reporting. Should match now.

[DownPW]

yep better

Solution ?

[phenomlab]

@DownPW As you indicated, but I need to make this more specific because it disables a wanted UI experience elsewhere

.form-control:focus {
    background: var(--bs-body-bg) !important;
    color: var(--bs-body-color) !important;
    /*box-shadow: 0 0 0 2px var(--bs-tag-bg) inset !important; */
    border-color: transparent !important;
}

Starting with this CSS

.form-control:focus {
    background: var(--bs-body-bg) !important;
    color: var(--bs-body-color) !important;
    border-color: transparent !important;
}
.write-container .form-control:focus {
    box-shadow: 0 0 0 2px var(--bs-tag-bg) inset !important;
}

[DownPW]

Have you find better solution or this is the final @phenomlab ?

[phenomlab]

@DownPW this is the final solution from my perspective. The above code resolves the issue here.

[cagatay]

@DownPW i m also using last codes on my web site.

.form-control:focus {
    background: var(--bs-body-bg) !important;
    color: var(--bs-body-color) !important;
    border-color: transparent !important;
}
.write-container .form-control:focus {
    box-shadow: 0 0 0 2px var(--bs-tag-bg) inset !important;
}

[DownPW]

I have search and I use this code. What do you think ?

textarea.bg-transparent.text-body.form-control.chat-input.mousetrap.rounded-0.border-0.shadow-none.ps-1.py-0 {
    box-shadow: 0 0 0 1px transparent inset !important;
}

[phenomlab]

@DownPW Seems fine.