Backdrop image is black when clicking on series page

Help & Support
1

since the last couple updates I have noticed that the lower half of the back drop image is black.

so if you click on one of the show posters in the series page (the page where you see series info and a list of seasons etc…) the backdrop image will be partially black. The amount of the image that is black seems random for each series clicked.

is this somehow related to the recent updates?

thanks!
Chris

2

Not sure I follow exactly, could you post a screenshot?

Also, which version of Sonarr?

3

Version 2.0.0.2850 (and the previous version)

it is important to note that it doesnt consistently black out the same amount of the image - it seams random.
I can jump between different shows and each time i go back to a show a different amount of the screen will be black.

thanks
Chris

4

another example

5

The same image will load a different amount?
Which browser are you using?
Are there any errors in the browser console (F12 in Chrome or Firefox)?

6

yes.
Firefox 35.0.1

F12 shows this when i refresh:

The character encoding of the HTML document was not declared. The document will render with garbled text in some browser configurations if the document contains characters from outside the US-ASCII range. The character encoding of the page must be declared in the document or in the transfer protocol. dexter
"starting application" app.js:68075
"starting signalR" app.js:31095
"starting signalR" app.js:67710
Use of getPreventDefault() is deprecated. Use defaultPrevented instead. app.js:5375
"SignalR: [connecting]" app.js:31118
"SignalR: [connected]" app.js:31118

7

Nothing looks out of ordinary there, could you test with another browser and see if it exists there too?

On the network tab in FF it will show you each file it tries to download and if it failed for any reason. The fact that its only loading part of the image and a different amount each time is quite bizarre.

8

I tried it in IE and there was no problem. everything looked and loaded fine.

Here is a SS of my network tab in FF. I didn’t see anything that looked as you described.

maybe its just a fluke with this version of FF?

Thanks
Chris

9

I meant the Network tab of the Dev console (F12), but it seems like a FF issue. I’ll try to test it and see if I see the same.

10

GET http://localhost:8989/series/the-affair [HTTP/1.1 200 OK 0ms]
GET http://localhost:8989/signalr/ping [HTTP/1.1 200 OK 0ms]
“SignalR: [reconnecting]” app.js:31118
GET http://localhost:8989/signalr/reconnect [HTTP/1.1 200 OK 15ms]
POST http://localhost:8989/signalr/abort [HTTP/1.1 200 OK 15ms]
no element found abort:1
GET http://localhost:8989/Content/bootstrap.css [HTTP/1.1 304 Not Modified 15ms]
GET http://localhost:8989/Content/bootstrap.toggle-switch.css [HTTP/1.1 304 Not Modified 15ms]
GET http://localhost:8989/Content/Messenger/messenger.css [HTTP/1.1 304 Not Modified 15ms]
GET http://localhost:8989/Content/Messenger/messenger.flat.css [HTTP/1.1 304 Not Modified 15ms]
GET http://localhost:8989/Content/fullcalendar.css [HTTP/1.1 304 Not Modified 0ms]
GET http://localhost:8989/Content/theme.css [HTTP/1.1 304 Not Modified 0ms]
GET http://localhost:8989/Content/cells.css [HTTP/1.1 304 Not Modified 15ms]
GET http://localhost:8989/Content/series.css [HTTP/1.1 304 Not Modified 31ms]
GET http://localhost:8989/Content/activity.css [HTTP/1.1 304 Not Modified 31ms]
GET http://localhost:8989/Content/logs.css [HTTP/1.1 304 Not Modified 31ms]
GET http://localhost:8989/Content/settings.css [HTTP/1.1 304 Not Modified 16ms]
GET http://localhost:8989/Content/addSeries.css [HTTP/1.1 304 Not Modified 16ms]
GET http://localhost:8989/Content/calendar.css [HTTP/1.1 304 Not Modified 16ms]
GET http://localhost:8989/Content/update.css [HTTP/1.1 304 Not Modified 16ms]
GET http://localhost:8989/Content/overrides.css [HTTP/1.1 304 Not Modified 16ms]
GET http://localhost:8989/Content/info.css [HTTP/1.1 304 Not Modified 16ms]
GET http://localhost:8989/piwikCheck.js [HTTP/1.1 304 Not Modified 16ms]
GET http://localhost:8989/polyfills.js [HTTP/1.1 304 Not Modified 16ms]
GET http://localhost:8989/JsLibraries/handlebars.runtime.js [HTTP/1.1 304 Not Modified 16ms]
GET http://localhost:8989/JsLibraries/require.js [HTTP/1.1 304 Not Modified 16ms]
GET http://localhost:8989/JsLibraries/xrayquire.js [HTTP/1.1 304 Not Modified 15ms]
The character encoding of the HTML document was not declared. The document will render with garbled text in some browser configurations if the document contains characters from outside the US-ASCII range. The character encoding of the page must be declared in the document or in the transfer protocol. the-affair
GET http://localhost:8989/Content/Images/background/logo.png [HTTP/1.1 304 Not Modified 16ms]
GET http://piwik.nzbdrone.com/piwik.js [HTTP/1.1 304 Not Modified 157ms]
GET http://localhost:8989/main.js [HTTP/1.1 200 OK 16ms]
GET http://localhost:8989/app.js [HTTP/1.1 304 Not Modified 0ms]
GET http://localhost:8989/api/config/ui [HTTP/1.1 200 OK 16ms]
GET http://localhost:8989/api/system/status [HTTP/1.1 200 OK 32ms]
GET http://localhost:8989/api/profile [HTTP/1.1 200 OK 32ms]
GET http://localhost:8989/api/series [HTTP/1.1 200 OK 110ms]
GET http://localhost:8989/api/language [HTTP/1.1 200 OK 16ms]
GET http://localhost:8989/api/tag [HTTP/1.1 200 OK 16ms]
GET http://localhost:8989/templates.js [HTTP/1.1 304 Not Modified 15ms]
“starting application” app.js:68075
"starting signalR" app.js:31095
"starting signalR" app.js:67710
GET http://localhost:8989/api/health [HTTP/1.1 200 OK 0ms]
GET http://localhost:8989/api/queue [HTTP/1.1 200 OK 0ms]
GET http://localhost:8989/api/command [HTTP/1.1 200 OK 0ms]
GET http://piwik.nzbdrone.com/piwik.php [HTTP/1.1 204 No Response 110ms]
GET http://localhost:8989/api/episode [HTTP/1.1 200 OK 32ms]
GET http://localhost:8989/api/episodefile [HTTP/1.1 200 OK 32ms]
GET http://localhost:8989/api/health [HTTP/1.1 200 OK 16ms]
GET http://localhost:8989/api/queue [HTTP/1.1 200 OK 16ms]
GET http://localhost:8989/MediaCover/108/fanart.jpg [HTTP/1.1 304 Not Modified 0ms]
GET http://localhost:8989/Content/Images/logos/128.png [HTTP/1.1 304 Not Modified 0ms]
GET http://localhost:8989/Content/Images/logos/64.png [HTTP/1.1 304 Not Modified 0ms]
GET http://localhost:8989/Content/Images/logos/32.png [HTTP/1.1 304 Not Modified 0ms]
Use of getPreventDefault() is deprecated. Use defaultPrevented instead. app.js:5375
GET http://localhost:8989/signalr/negotiate [HTTP/1.1 200 OK 0ms]
“SignalR: [connecting]” app.js:31118
GET http://localhost:8989/signalr/ping [HTTP/1.1 200 OK 16ms]
GET http://localhost:8989/signalr/connect [HTTP/1.1 200 OK 23630ms]
“SignalR: [connected]” app.js:31118

11

I’m seeing the same issue in FF 35, but everything looks fine in the network tab, it just doesn’t load properly, then reloading the page with F5 does load the image.

Not sure that we can do anything here, if it was only happening in develop I’d suspect something on our end, but since its live in master it seems to point to something in FF, which came out about 3 weeks ago (Jan 14th).