1553026 - Show long-form blocked reason for blocked resources in the details sidebar

Status: NEW

(DevTools :: Netmonitor, enhancement, P3)

Comment 1

[Jan Honza Odvarko [:Honza] (always need-info? me)]

What if we also rendered "Blocked" label in the Status column, which is currently empty? We can use the same styling as for valid status or as for "Failed" requests.

Consequently we wouldn't need to use "Blocked by" prefix in the Transferred column, which would safe space (currently I mostly see only "Blocked By" in that column)

Honza

Comment 2

[:Harald Kirschner :digitarald]

What if we also rendered "Blocked" label in the Status column, which is currently empty? We can use the same styling as for valid status or as for "Failed" requests.

That also aligns with Chrome, so I would be in favor. The status column is also not very wide, so will hit the same issue of wide text – or am I missing something?

Comment 3

[Jan Honza Odvarko [:Honza] (always need-info? me)]

(In reply to :Harald Kirschner :digitarald from comment #2)

What if we also rendered "Blocked" label in the Status column, which is currently empty? We can use the same styling as for valid status or as for "Failed" requests.

That also aligns with Chrome, so I would be in favor. The status column is also not very wide, so will hit the same issue of wide text – or am I missing something?

The idea is around the following:

• The Status column would display just Blocked label (which corresponds to the status of the request). The Blocked label would have a tooltip showing the long-form blocking reason.
• The Transferred column would continue displaying the the blocking reason but, without the "Blocked by" prefix.
  Example:
  Instead of blocked by Mixed Block we do Mixed Block only

If the long form has always Block postfix it's clear that it's about blocking and the important part is at the beginning.

Honza

Comment 4

[:Harald Kirschner :digitarald]

SGTM, seems a bit easier to understand than Chrome only showing it in one column! One risk is that users will not discover the tooltip in the BLOCKED status; maybe we can be creative there.

Comment 5

[Jan Honza Odvarko [:Honza] (always need-info? me)]

Summary of tasks for this bug:

1. Display Blocked label in the Status column (using the same style as for status code)
2. Display long-form blocking reason in a tooltip for the Blocked label
3. Display long-form blocking reason in a Headers side panel (in the summary section at the top of the panel)
4. Display blocking reason in Transfer column (with no additional 'blocked by' prefix). In case we have short-form blocking reason (e.g. 'CSP Block' for various CSP blockers) we could use it for the Transfer column (columns tend to be thin).
5. Display long-form blocking reason tooltip for the Transfer column.

Honza