Skip to content

Openstreetmap does not load correctly in photos sidebar #3346

@Silun

Description

@Silun

Describe the bug
In the photos app, in the sidebar under Details, the map always looks like this:

Image

Resizing the browser window will sometimes reveal the map correctly:

Image

This happens in different browsers such as Firefox, Edge, and Brave.

To Reproduce
Steps to reproduce the behavior:

  1. Go to the photos app
  2. Open a photo that has EXIF location data
  3. Open the sidebar
  4. See the broken map

Expected behavior
The map loads completely and is centered correctly

Screenshots
These screenshots are from the very same image, which might give some clues as to what is wrong.

What it does look like at first:
Image

What I expect it to look like and how it looks like after resizing the window:
Image

Desktop (please complete the following information):

Browser log

Viewer.vue:468 [INFO] viewer: Opening viewer for fileInfo  {app: 'viewer', uid: 'bsc', level: 0, fileInfo: {…}}
comments-activity-tab.ts:33 [INFO] comments: Comments plugin mounted in Activity sidebar action {app: 'comments', uid: 'bsc', level: 0, fileInfo: Proxy(i)}
marker-shadow.png:1   GET https://nc.domain.de/apps/photos/css/~leaflet/dist/images/marker-shadow.png 404 (Not Found)
[NEW] Explain Console errors by using Copilot in Edge: click
         
         to explain an error. 
        Learn more
        Don't show again
marker-icon.png:1   GET https://nc.domain.de/apps/photos/css/~leaflet/dist/images/marker-icon.png 404 (Not Found)
filesIntegrationServices.ts:24   GET https://nc.domain.de/ocs/v2.php/apps/spreed/api/v1/file/54400 404 (Not Found)
(anonymous) @ xhr.js:198
xhr @ xhr.js:15
zs @ dispatchRequest.js:49
Promise.then
_request @ Axios.js:163
request @ Axios.js:40
Gs.<computed> @ Axios.js:211
(anonymous) @ bind.js:5
Z @ filesIntegrationServices.ts:24
setTalkSidebarSupportedForFile @ FilesSidebarTabApp.vue:293
handler @ FilesSidebarTabApp.vue:109
C @ runtime-core.esm-bundler.js:199
j @ runtime-core.esm-bundler.js:206
Et.xi.call @ runtime-core.esm-bundler.js:6295
_n @ reactivity.esm-bundler.js:1838
es @ reactivity.esm-bundler.js:1873
Et @ runtime-core.esm-bundler.js:6323
Ye @ runtime-core.esm-bundler.js:6256
Ai @ runtime-core.esm-bundler.js:3726
In @ runtime-core.esm-bundler.js:3606
bd @ runtime-core.esm-bundler.js:8132
fd @ runtime-core.esm-bundler.js:8083
sl @ runtime-core.esm-bundler.js:8052
Hd @ runtime-core.esm-bundler.js:7980
ua @ runtime-core.esm-bundler.js:5300
jo @ runtime-core.esm-bundler.js:5266
Ts @ runtime-core.esm-bundler.js:4772
Ut @ runtime-core.esm-bundler.js:6077
mount @ runtime-core.esm-bundler.js:4009
Ce.mount @ runtime-dom.esm-bundler.js:1826
mount @ mainFilesSidebarLoader.js:61
mounted @ SidebarTab.vue:104
fn @ vue.runtime.esm.js:3033
Kn @ vue.runtime.esm.js:4048
insert @ vue.runtime.esm.js:4443
C @ vue.runtime.esm.js:6966
Si.nodeOps @ vue.runtime.esm.js:7180
e._update @ vue.runtime.esm.js:3785
a @ vue.runtime.esm.js:3891
e.get @ vue.runtime.esm.js:3462
e.run @ vue.runtime.esm.js:3538
la @ vue.runtime.esm.js:4141
(anonymous) @ vue.runtime.esm.js:3159
bn @ vue.runtime.esm.js:3081
Promise.then
gn @ vue.runtime.esm.js:3106
En @ vue.runtime.esm.js:3171
ua @ vue.runtime.esm.js:4227
e.update @ vue.runtime.esm.js:3529
e.notify @ vue.runtime.esm.js:732
set @ vue.runtime.esm.js:976
Na.La.set @ vue.runtime.esm.js:5376
open @ Sidebar.vue:374
await in open
showSidebar @ Viewer.vue:1114
Cu @ vue.runtime.esm.js:3033
u @ vue.runtime.esm.js:1832
Cu @ vue.runtime.esm.js:3033
Hg.e.$emit @ vue.runtime.esm.js:3732
onClick @ actionText-fFcUPi2g.mjs:77
handleClick @ NcActionButton-CpGK6gSX.mjs:143
Cu @ vue.runtime.esm.js:3033
u @ vue.runtime.esm.js:1832
D1.o._wrapper @ vue.runtime.esm.js:7500
filesIntegrationServices.ts:24   GET https://nc.domain.de/ocs/v2.php/apps/spreed/api/v1/file/54400 404 (Not Found)
(anonymous) @ xhr.js:198
xhr @ xhr.js:15
zs @ dispatchRequest.js:49
Promise.then
_request @ Axios.js:163
request @ Axios.js:40
Gs.<computed> @ Axios.js:211
(anonymous) @ bind.js:5
Z @ filesIntegrationServices.ts:24
setTalkSidebarSupportedForFile @ FilesSidebarTabApp.vue:293
handler @ FilesSidebarTabApp.vue:118
C @ runtime-core.esm-bundler.js:199
j @ runtime-core.esm-bundler.js:206
Et.xi.call @ runtime-core.esm-bundler.js:6295
_n @ reactivity.esm-bundler.js:1838
es @ reactivity.esm-bundler.js:1873
Et @ runtime-core.esm-bundler.js:6323
Ye @ runtime-core.esm-bundler.js:6256
Ai @ runtime-core.esm-bundler.js:3726
In @ runtime-core.esm-bundler.js:3606
bd @ runtime-core.esm-bundler.js:8132
fd @ runtime-core.esm-bundler.js:8083
sl @ runtime-core.esm-bundler.js:8052
Hd @ runtime-core.esm-bundler.js:7980
ua @ runtime-core.esm-bundler.js:5300
jo @ runtime-core.esm-bundler.js:5266
Ts @ runtime-core.esm-bundler.js:4772
Ut @ runtime-core.esm-bundler.js:6077
mount @ runtime-core.esm-bundler.js:4009
Ce.mount @ runtime-dom.esm-bundler.js:1826
mount @ mainFilesSidebarLoader.js:61
mounted @ SidebarTab.vue:104
fn @ vue.runtime.esm.js:3033
Kn @ vue.runtime.esm.js:4048
insert @ vue.runtime.esm.js:4443
C @ vue.runtime.esm.js:6966
Si.nodeOps @ vue.runtime.esm.js:7180
e._update @ vue.runtime.esm.js:3785
a @ vue.runtime.esm.js:3891
e.get @ vue.runtime.esm.js:3462
e.run @ vue.runtime.esm.js:3538
la @ vue.runtime.esm.js:4141
(anonymous) @ vue.runtime.esm.js:3159
bn @ vue.runtime.esm.js:3081
Promise.then
gn @ vue.runtime.esm.js:3106
En @ vue.runtime.esm.js:3171
ua @ vue.runtime.esm.js:4227
e.update @ vue.runtime.esm.js:3529
e.notify @ vue.runtime.esm.js:732
set @ vue.runtime.esm.js:976
Na.La.set @ vue.runtime.esm.js:5376
open @ Sidebar.vue:374
await in open
showSidebar @ Viewer.vue:1114
Cu @ vue.runtime.esm.js:3033
u @ vue.runtime.esm.js:1832
Cu @ vue.runtime.esm.js:3033
Hg.e.$emit @ vue.runtime.esm.js:3732
onClick @ actionText-fFcUPi2g.mjs:77
handleClick @ NcActionButton-CpGK6gSX.mjs:143
Cu @ vue.runtime.esm.js:3033
u @ vue.runtime.esm.js:1832
D1.o._wrapper @ vue.runtime.esm.js:7500
SharingInput.vue:342 recommendations [__ob__: e]

Additional context
Nextcloud photos reacts very very slowly upon resizing of the browser window, about 5 - 10 seconds until it adjusts. There is no spike in CPU load or anything during that time.

Metadata

Metadata

Assignees

No one assigned

    Labels

    0. Needs triagePending approval or rejection. This issue is pending approval.bugSomething isn't working

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions