sipcapture / homer-app

HOMER 7.x Front-End and API Server
http://sipcapture.io
GNU Affero General Public License v3.0
207 stars 85 forks source link

Problem with latest version of homer-app in Firefox browser #405

Closed Shkiperon closed 3 years ago

Shkiperon commented 3 years ago

I have updated Homer-App to the latest version from Debian repository. It looks very cool, but in Firefox browser I have some visualization problems - when I try open a call for details in some cases flow list shows on couple of milliseconds and then the Flow tab makes blank. Messages and Session Info tabs makes blank too. QoS and Logs tab shows information as usual. Developer console on Network tab doesn't show any errors on network level. Ctrl+F5, cleaning of cache and private tabs doesn't help. изображение

If I open the same call in Chromium browser - everything works correctly.

Looks like some problem of rendering in Firefox browser (ver. 83.0)

systemcrash commented 3 years ago

inspect element -> Console. Paste output.

adubovikov commented 3 years ago

unfortunately i dont see any errors in my FF :-( please try to catch or provide the pcap with your call (you can do private as well)

Shkiperon commented 3 years ago

inspect element -> Console. Paste output.

One opening of call makes 3 errors in console

ERROR TypeError: t is undefined
    set filter https://myhomerhost.local/main.f2aec86bc7dbc0fa8aac.js:1
    Jr https://myhomerhost.local/main.f2aec86bc7dbc0fa8aac.js:1
    xr https://myhomerhost.local/main.f2aec86bc7dbc0fa8aac.js:1
    ws https://myhomerhost.local/main.f2aec86bc7dbc0fa8aac.js:1
    zy https://myhomerhost.local/main.f2aec86bc7dbc0fa8aac.js:1
    br https://myhomerhost.local/main.f2aec86bc7dbc0fa8aac.js:1
    mr https://myhomerhost.local/main.f2aec86bc7dbc0fa8aac.js:1
    mr https://myhomerhost.local/main.f2aec86bc7dbc0fa8aac.js:1
    mr https://myhomerhost.local/main.f2aec86bc7dbc0fa8aac.js:1
    mr https://myhomerhost.local/main.f2aec86bc7dbc0fa8aac.js:1
    mr https://myhomerhost.local/main.f2aec86bc7dbc0fa8aac.js:1
    mr https://myhomerhost.local/main.f2aec86bc7dbc0fa8aac.js:1
    mr https://myhomerhost.local/main.f2aec86bc7dbc0fa8aac.js:1
    Yr https://myhomerhost.local/main.f2aec86bc7dbc0fa8aac.js:1
    detectChanges https://myhomerhost.local/main.f2aec86bc7dbc0fa8aac.js:1
    checkStatusTabs https://myhomerhost.local/main.f2aec86bc7dbc0fa8aac.js:1
    set isLoaded https://myhomerhost.local/main.f2aec86bc7dbc0fa8aac.js:1
    Jr https://myhomerhost.local/main.f2aec86bc7dbc0fa8aac.js:1
    xr https://myhomerhost.local/main.f2aec86bc7dbc0fa8aac.js:1
    ws https://myhomerhost.local/main.f2aec86bc7dbc0fa8aac.js:1
    Ls https://myhomerhost.local/main.f2aec86bc7dbc0fa8aac.js:1
    br https://myhomerhost.local/main.f2aec86bc7dbc0fa8aac.js:1
    mr https://myhomerhost.local/main.f2aec86bc7dbc0fa8aac.js:1
    mr https://myhomerhost.local/main.f2aec86bc7dbc0fa8aac.js:1
    mr https://myhomerhost.local/main.f2aec86bc7dbc0fa8aac.js:1
    Yr https://myhomerhost.local/main.f2aec86bc7dbc0fa8aac.js:1
    detectChanges https://myhomerhost.local/main.f2aec86bc7dbc0fa8aac.js:1
    p https://myhomerhost.local/main.f2aec86bc7dbc0fa8aac.js:1
    openTransactionDialog https://myhomerhost.local/main.f2aec86bc7dbc0fa8aac.js:1
    invoke https://myhomerhost.local/polyfills.a56ce1af579b5175dbe7.js:1
    onInvoke https://myhomerhost.local/main.f2aec86bc7dbc0fa8aac.js:1
    invoke https://myhomerhost.local/polyfills.a56ce1af579b5175dbe7.js:1
    run https://myhomerhost.local/polyfills.a56ce1af579b5175dbe7.js:1
    P https://myhomerhost.local/polyfills.a56ce1af579b5175dbe7.js:1
    invokeTask https://myhomerhost.local/polyfills.a56ce1af579b5175dbe7.js:1
    onInvokeTask https://myhomerhost.local/main.f2aec86bc7dbc0fa8aac.js:1
    invokeTask https://myhomerhost.local/polyfills.a56ce1af579b5175dbe7.js:1
    runTask https://myhomerhost.local/polyfills.a56ce1af579b5175dbe7.js:1
    m https://myhomerhost.local/polyfills.a56ce1af579b5175dbe7.js:1
    invokeTask https://myhomerhost.local/polyfills.a56ce1af579b5175dbe7.js:1
    _ https://myhomerhost.local/polyfills.a56ce1af579b5175dbe7.js:1
    k https://myhomerhost.local/polyfills.a56ce1af579b5175dbe7.js:1
main.f2aec86bc7dbc0fa8aac.js:1:2380960
ERROR TypeError: t is undefined
    set filter https://myhomerhost.local/main.f2aec86bc7dbc0fa8aac.js:1
    Jr https://myhomerhost.local/main.f2aec86bc7dbc0fa8aac.js:1
    xr https://myhomerhost.local/main.f2aec86bc7dbc0fa8aac.js:1
    ws https://myhomerhost.local/main.f2aec86bc7dbc0fa8aac.js:1
    zy https://myhomerhost.local/main.f2aec86bc7dbc0fa8aac.js:1
    br https://myhomerhost.local/main.f2aec86bc7dbc0fa8aac.js:1
    mr https://myhomerhost.local/main.f2aec86bc7dbc0fa8aac.js:1
    mr https://myhomerhost.local/main.f2aec86bc7dbc0fa8aac.js:1
    mr https://myhomerhost.local/main.f2aec86bc7dbc0fa8aac.js:1
    mr https://myhomerhost.local/main.f2aec86bc7dbc0fa8aac.js:1
    mr https://myhomerhost.local/main.f2aec86bc7dbc0fa8aac.js:1
    mr https://myhomerhost.local/main.f2aec86bc7dbc0fa8aac.js:1
    mr https://myhomerhost.local/main.f2aec86bc7dbc0fa8aac.js:1
    Yr https://myhomerhost.local/main.f2aec86bc7dbc0fa8aac.js:1
    detectChanges https://myhomerhost.local/main.f2aec86bc7dbc0fa8aac.js:1
    checkStatusTabs https://myhomerhost.local/main.f2aec86bc7dbc0fa8aac.js:1
    set isLoaded https://myhomerhost.local/main.f2aec86bc7dbc0fa8aac.js:1
    Jr https://myhomerhost.local/main.f2aec86bc7dbc0fa8aac.js:1
    xr https://myhomerhost.local/main.f2aec86bc7dbc0fa8aac.js:1
    ws https://myhomerhost.local/main.f2aec86bc7dbc0fa8aac.js:1
    Ls https://myhomerhost.local/main.f2aec86bc7dbc0fa8aac.js:1
    br https://myhomerhost.local/main.f2aec86bc7dbc0fa8aac.js:1
    mr https://myhomerhost.local/main.f2aec86bc7dbc0fa8aac.js:1
    mr https://myhomerhost.local/main.f2aec86bc7dbc0fa8aac.js:1
    mr https://myhomerhost.local/main.f2aec86bc7dbc0fa8aac.js:1
    Yr https://myhomerhost.local/main.f2aec86bc7dbc0fa8aac.js:1
    detectChanges https://myhomerhost.local/main.f2aec86bc7dbc0fa8aac.js:1
    p https://myhomerhost.local/main.f2aec86bc7dbc0fa8aac.js:1
    openTransactionDialog https://myhomerhost.local/main.f2aec86bc7dbc0fa8aac.js:1
    invoke https://myhomerhost.local/polyfills.a56ce1af579b5175dbe7.js:1
    onInvoke https://myhomerhost.local/main.f2aec86bc7dbc0fa8aac.js:1
    invoke https://myhomerhost.local/polyfills.a56ce1af579b5175dbe7.js:1
    run https://myhomerhost.local/polyfills.a56ce1af579b5175dbe7.js:1
    P https://myhomerhost.local/polyfills.a56ce1af579b5175dbe7.js:1
    invokeTask https://myhomerhost.local/polyfills.a56ce1af579b5175dbe7.js:1
    onInvokeTask https://myhomerhost.local/main.f2aec86bc7dbc0fa8aac.js:1
    invokeTask https://myhomerhost.local/polyfills.a56ce1af579b5175dbe7.js:1
    runTask https://myhomerhost.local/polyfills.a56ce1af579b5175dbe7.js:1
    m https://myhomerhost.local/polyfills.a56ce1af579b5175dbe7.js:1
    invokeTask https://myhomerhost.local/polyfills.a56ce1af579b5175dbe7.js:1
    _ https://myhomerhost.local/polyfills.a56ce1af579b5175dbe7.js:1
    k https://myhomerhost.local/polyfills.a56ce1af579b5175dbe7.js:1
main.f2aec86bc7dbc0fa8aac.js:1:2380960
    zi https://myhomerhost.local/main.f2aec86bc7dbc0fa8aac.js:1
    handleError https://myhomerhost.local/main.f2aec86bc7dbc0fa8aac.js:1
    Xr https://myhomerhost.local/main.f2aec86bc7dbc0fa8aac.js:1
    Yr https://myhomerhost.local/main.f2aec86bc7dbc0fa8aac.js:1
    detectChanges https://myhomerhost.local/main.f2aec86bc7dbc0fa8aac.js:1
    p https://myhomerhost.local/main.f2aec86bc7dbc0fa8aac.js:1
    openTransactionDialog https://myhomerhost.local/main.f2aec86bc7dbc0fa8aac.js:1
    invoke https://myhomerhost.local/polyfills.a56ce1af579b5175dbe7.js:1
    onInvoke https://myhomerhost.local/main.f2aec86bc7dbc0fa8aac.js:1
    invoke https://myhomerhost.local/polyfills.a56ce1af579b5175dbe7.js:1
    run https://myhomerhost.local/polyfills.a56ce1af579b5175dbe7.js:1
    P https://myhomerhost.local/polyfills.a56ce1af579b5175dbe7.js:1
    invokeTask https://myhomerhost.local/polyfills.a56ce1af579b5175dbe7.js:1
    onInvokeTask https://myhomerhost.local/main.f2aec86bc7dbc0fa8aac.js:1
    invokeTask https://myhomerhost.local/polyfills.a56ce1af579b5175dbe7.js:1
    runTask https://myhomerhost.local/polyfills.a56ce1af579b5175dbe7.js:1
    m https://myhomerhost.local/polyfills.a56ce1af579b5175dbe7.js:1
    invokeTask https://myhomerhost.local/polyfills.a56ce1af579b5175dbe7.js:1
    _ https://myhomerhost.local/polyfills.a56ce1af579b5175dbe7.js:1
    k https://myhomerhost.local/polyfills.a56ce1af579b5175dbe7.js:1
ERROR Error: Uncaught (in promise): TypeError: t is undefined
set filter@https://myhomerhost.local/main.f2aec86bc7dbc0fa8aac.js:1:4320335
Jr@https://myhomerhost.local/main.f2aec86bc7dbc0fa8aac.js:1:2402515
xr@https://myhomerhost.local/main.f2aec86bc7dbc0fa8aac.js:1:2397861
ws@https://myhomerhost.local/main.f2aec86bc7dbc0fa8aac.js:1:2423571
zy@https://myhomerhost.local/main.f2aec86bc7dbc0fa8aac.js:1:4239618
br@https://myhomerhost.local/main.f2aec86bc7dbc0fa8aac.js:1:2395088
mr@https://myhomerhost.local/main.f2aec86bc7dbc0fa8aac.js:1:2393663
mr/<@https://myhomerhost.local/main.f2aec86bc7dbc0fa8aac.js:1:2394090
mr@https://myhomerhost.local/main.f2aec86bc7dbc0fa8aac.js:1:2394115
mr/<@https://myhomerhost.local/main.f2aec86bc7dbc0fa8aac.js:1:2394090
mr@https://myhomerhost.local/main.f2aec86bc7dbc0fa8aac.js:1:2394115
mr/<@https://myhomerhost.local/main.f2aec86bc7dbc0fa8aac.js:1:2394090
mr@https://myhomerhost.local/main.f2aec86bc7dbc0fa8aac.js:1:2394115
Yr@https://myhomerhost.local/main.f2aec86bc7dbc0fa8aac.js:1:2401862
detectChanges@https://myhomerhost.local/main.f2aec86bc7dbc0fa8aac.js:1:2407828
checkStatusTabs@https://myhomerhost.local/main.f2aec86bc7dbc0fa8aac.js:1:4245047
set isLoaded@https://myhomerhost.local/main.f2aec86bc7dbc0fa8aac.js:1:4243808
Jr@https://myhomerhost.local/main.f2aec86bc7dbc0fa8aac.js:1:2402515
xr@https://myhomerhost.local/main.f2aec86bc7dbc0fa8aac.js:1:2397861
ws@https://myhomerhost.local/main.f2aec86bc7dbc0fa8aac.js:1:2423571
Ls@https://myhomerhost.local/main.f2aec86bc7dbc0fa8aac.js:1:3627046
br@https://myhomerhost.local/main.f2aec86bc7dbc0fa8aac.js:1:2395088
mr@https://myhomerhost.local/main.f2aec86bc7dbc0fa8aac.js:1:2393663
mr/<@https://myhomerhost.local/main.f2aec86bc7dbc0fa8aac.js:1:2394090
mr@https://myhomerhost.local/main.f2aec86bc7dbc0fa8aac.js:1:2394115
Yr@https://myhomerhost.local/main.f2aec86bc7dbc0fa8aac.js:1:2401862
detectChanges@https://myhomerhost.local/main.f2aec86bc7dbc0fa8aac.js:1:2407828
p@https://myhomerhost.local/main.f2aec86bc7dbc0fa8aac.js:1:3643848
openTransactionDialog/<@https://myhomerhost.local/main.f2aec86bc7dbc0fa8aac.js:1:3644267
invoke@https://myhomerhost.local/polyfills.a56ce1af579b5175dbe7.js:1:6647
onInvoke@https://myhomerhost.local/main.f2aec86bc7dbc0fa8aac.js:1:2491441
invoke@https://myhomerhost.local/polyfills.a56ce1af579b5175dbe7.js:1:6587
run@https://myhomerhost.local/polyfills.a56ce1af579b5175dbe7.js:1:2059
P/<@https://myhomerhost.local/polyfills.a56ce1af579b5175dbe7.js:1:16778
invokeTask@https://myhomerhost.local/polyfills.a56ce1af579b5175dbe7.js:1:7265
onInvokeTask@https://myhomerhost.local/main.f2aec86bc7dbc0fa8aac.js:1:2491330
invokeTask@https://myhomerhost.local/polyfills.a56ce1af579b5175dbe7.js:1:7186
runTask@https://myhomerhost.local/polyfills.a56ce1af579b5175dbe7.js:1:2674
m@https://myhomerhost.local/polyfills.a56ce1af579b5175dbe7.js:1:9259
invokeTask@https://myhomerhost.local/polyfills.a56ce1af579b5175dbe7.js:1:8344
_@https://myhomerhost.local/polyfills.a56ce1af579b5175dbe7.js:1:20144
k@https://myhomerhost.local/polyfills.a56ce1af579b5175dbe7.js:1:20469
    Z https://myhomerhost.local/polyfills.a56ce1af579b5175dbe7.js:1
    P https://myhomerhost.local/polyfills.a56ce1af579b5175dbe7.js:1
    invokeTask https://myhomerhost.local/polyfills.a56ce1af579b5175dbe7.js:1
    onInvokeTask https://myhomerhost.local/main.f2aec86bc7dbc0fa8aac.js:1
    invokeTask https://myhomerhost.local/polyfills.a56ce1af579b5175dbe7.js:1
    runTask https://myhomerhost.local/polyfills.a56ce1af579b5175dbe7.js:1
    m https://myhomerhost.local/polyfills.a56ce1af579b5175dbe7.js:1
    invokeTask https://myhomerhost.local/polyfills.a56ce1af579b5175dbe7.js:1
    _ https://myhomerhost.local/polyfills.a56ce1af579b5175dbe7.js:1
    k https://myhomerhost.local/polyfills.a56ce1af579b5175dbe7.js:1
main.f2aec86bc7dbc0fa8aac.js:1:2380960
    zi https://myhomerhost.local/main.f2aec86bc7dbc0fa8aac.js:1
    handleError https://myhomerhost.local/main.f2aec86bc7dbc0fa8aac.js:1
    next https://myhomerhost.local/main.f2aec86bc7dbc0fa8aac.js:1
    n https://myhomerhost.local/main.f2aec86bc7dbc0fa8aac.js:1
    __tryOrUnsub https://myhomerhost.local/main.f2aec86bc7dbc0fa8aac.js:1
    next https://myhomerhost.local/main.f2aec86bc7dbc0fa8aac.js:1
    _next https://myhomerhost.local/main.f2aec86bc7dbc0fa8aac.js:1
    next https://myhomerhost.local/main.f2aec86bc7dbc0fa8aac.js:1
    next https://myhomerhost.local/main.f2aec86bc7dbc0fa8aac.js:1
    emit https://myhomerhost.local/main.f2aec86bc7dbc0fa8aac.js:1
    onHandleError https://myhomerhost.local/main.f2aec86bc7dbc0fa8aac.js:1
    invoke https://myhomerhost.local/polyfills.a56ce1af579b5175dbe7.js:1
    run https://myhomerhost.local/polyfills.a56ce1af579b5175dbe7.js:1
    runOutsideAngular https://myhomerhost.local/main.f2aec86bc7dbc0fa8aac.js:1
    onHandleError https://myhomerhost.local/main.f2aec86bc7dbc0fa8aac.js:1
    handleError https://myhomerhost.local/polyfills.a56ce1af579b5175dbe7.js:1
    runGuarded https://myhomerhost.local/polyfills.a56ce1af579b5175dbe7.js:1
    microtaskDrainDone https://myhomerhost.local/polyfills.a56ce1af579b5175dbe7.js:1
    m https://myhomerhost.local/polyfills.a56ce1af579b5175dbe7.js:1
    invokeTask https://myhomerhost.local/polyfills.a56ce1af579b5175dbe7.js:1
    _ https://myhomerhost.local/polyfills.a56ce1af579b5175dbe7.js:1
    k https://myhomerhost.local/polyfills.a56ce1af579b5175dbe7.js:1
Shkiperon commented 3 years ago

This is strange. I tried to find the call with the problem in Firefox and quickly switch to the Chromium browser with a new call and an old call. I have reproduced the problem in the Chromium browser: изображение

изображение

Looks like it's kind of temporarily problem, but it's not about backend side (one of the calls is too old for this type of problem). Maybe Homer-App caching something after search by filter?

Shkiperon commented 3 years ago

After 5-7 minutes I tried to open that calls again in Firefox and Chromium browser - in both cases everything works normally

wanted1900 commented 3 years ago

I have the same problem after updating to the latest version. The call seems to open correctly, but then disappears almost instantly. I was monitoring the network tab of the dev-tools and I think the content disappears after the /api/v3/agent/type/cdr request. That request returns the following data: no agent subscription object found for type [cdr].

adubovikov commented 3 years ago

can you please guys check 1.3.7. We just released the new package.

Shkiperon commented 3 years ago

I have updated to 1.3.7, but problem the same. In developer console the same error (ERROR TypeError: t is undefined)

adubovikov commented 3 years ago

what do you have in the UI title ? I would like to see the version.

Regards, Alexandr

On Sun, 6 Dec 2020 at 17:38, Artiom Druz notifications@github.com wrote:

I have updated to 1.3.7, but problem the same. In developer console the same error (ERROR TypeError: t is undefined)

— You are receiving this because you commented. Reply to this email directly, view it on GitHub https://github.com/sipcapture/homer-app/issues/405#issuecomment-739527961, or unsubscribe https://github.com/notifications/unsubscribe-auth/ABCN2JJEC2I6WS4OLWAVU53STOXPBANCNFSM4UKWL7VA .

Shkiperon commented 3 years ago

"HOMER 7.9.8(prod)" if you mean the page title

adubovikov commented 3 years ago

can you reset your local storage ?

Settings->Reset -> Clear local data screenshot-de9-sipcapture-io-8080-preference-reset-1607269550867

Shkiperon commented 3 years ago

Yes. I pressed this button and logout/login in UI - no effect

adubovikov commented 3 years ago

can you click on the filter and select/unselect "Payloadtype" and "callid"

screenshot-de9-sipcapture-io-8080-dashboard-home-1607270304828

Shkiperon commented 3 years ago

I don't have these switches

image

adubovikov commented 3 years ago

ok, we will take a look

Shkiperon commented 3 years ago

I have found interesting, but strange fast fix - click on others switchers, then close sub-window, and open again. After those manipulations - few calls opens as normal. Maybe this information will help in debugging

adubovikov commented 3 years ago

sure, thank you!

adubovikov commented 3 years ago

@Shkiperon can you please take the latest package and retest ?

Shkiperon commented 3 years ago

Much better. In some cases, a loading animation is displayed, but after that everything is displayed as usual (in some calls RTCP packets are displayed for a few milliseconds, then disappear, but the SIP flow is displayed normally). Sometimes some SIP messages are downloaded after scrolling up or down, but after a few scrolls up and down, this normalizes and "loads on the go" does not happen. In the developer console, I have this:

ag-Grid: tried to call sizeColumnsToFit() but the grid is coming back with zero width, maybe the grid is not visible yet on the screen? 2 main.468813c2bb716545026d.js:1:2017913
Похоже, что этот сайт использует эффект позиционирования связанный с прокруткой. Это может не очень хорошо работать с асинхронным панорамированием; см. https://developer.mozilla.org/docs/Mozilla/Performance/ScrollLinkedEffects чтобы получить более подробную информацию и присоединиться к обсуждению связанных с этим инструментов и возможностей! home
ag-Grid: tried to call sizeColumnsToFit() but the grid is coming back with zero width, maybe the grid is not visible yet on the screen? main.468813c2bb716545026d.js:1:2017913
Теперь поддерживается относительное позиционирование строк таблицы и групп строк. Этому сайту может потребоваться обновление, так как он может зависеть от этой функции, не имеющей эффекта. home
ag-Grid: tried to call sizeColumnsToFit() but the grid is coming back with zero width, maybe the grid is not visible yet on the screen? main.468813c2bb716545026d.js:1:2017913

Perhaps that is why when scrolling I can see the effect that some messages are hidden.

adubovikov commented 3 years ago

So I will close the ticket for now. If need it, please reopen.