Strange behaviors with the Notifications Pop-Up in UNA 13-B3
Hello UNA Team,
There are actually two issues with the Notifications Pop-Up:
Issue #1:
The notifications pop-up displaying off the right side of the screen and notifications being cut, creating an unwanted horizontal scroll bar as already reported here (see in the link below and also see in the first screenshot I have attached to this post):
https://una.io/cmts-view/pgsb5u?sys=bx_timeline&cmt_id=1649
https://una.io/cmts-view/pgsb5u?sys=bx_timeline&cmt_id=1654
https://una.io/d/artificer-una-b2-notification-fix
@@Roger Hunter shared his solution (in the link above):
Here it is:
.bx-artificer .bx-popup-width {
width: 32rem;
}
And @Excel also shared another one which also works: https://una.io/d/artificer-una-b2-notification-fix
Here is his solution:
div#bx_notifications_preview {
left: auto !important;
right: Opx !important;
}
or
div#bx_notifications_preview {
right: -1rem !important;
left: auto !important;
position: fixed !important;
}
Issue #2:
Sometimes, the notifications pop-up gets stuck at the wrong place and remains in that position, not fixed to the notifications icon at the top, as you scroll up or down on the page (Please see the second screenshot below).
It has been happening for a while now but i couldn't reproduce it. Today, i've discovered when it occurs.
It happens on the computer when, let's say, i was browsing a UNA page, then check the notifications. While reading them, if (even for few seconds) i go to another opened program's window, let's say, a file in a text editor i was working on and click on something, then go back to the UNA page I was browsing earlier with the notifications pop-up opened, when I scroll up or down the page, the notifications pop-up gets stuck in that position (place).
I am using Google Chrome. Hope i have explained it clearly. @Andrey Yasko @Alex T⚜️ @Anton L
Thanks.
Screenshot 1:
Screenshot 2:
-
- · Roger Hunter
- ·
I think there was a little bit if a missunderstanding as 32rem is what breaks the notifications I have posted my 2 fixes below Fix 1 .bx-artificer .bx-popup-width { width: 100%; } fix 2 .bx-artificer .bx-popup-width { width: auto; }
-
- · Karina
- ·
This happens also on artificer when you click to comment on a post, and the comment editor opens but you leave the window, do something else, and go back it gets stuck in that comment and you can’t do anything but reload. It happens only with artificer, other templates are fine
-
-
·
Anton L
- ·
Hello.
Thank you for the report: https://github.com/unaio/una/issues/4033
-
·
Anton L
-
- · OneEagle
-
·
In reply to Karina
K
- ·
Thanks @Karina Budhrani. i didn't know about that one with the comment editor.
-
- · OneEagle
- ·
Hi @Anton L Thank you so much opening a ticket for the issue #1. What about the issue #2?
-
@Roger Hunter Thanks so much for updating the code.