You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
Copy file name to clipboardExpand all lines: aspnetcore/blazor/fundamentals/signalr.md
+9-9Lines changed: 9 additions & 9 deletions
Display the source diff
Display the rich diff
Original file line number
Diff line number
Diff line change
@@ -534,8 +534,8 @@ The `components-reconnect-state-changed` event indicates a reconnection status c
534
534
*`show`: The reconnection modal is shown.
535
535
*`hide`: The reconnection model is closed.
536
536
*`retrying`: Reconnect attempts are in progress.
537
-
*`failed`: A reconnection attempt has failed.
538
-
*`rejected`: A reconnection attempt was received but rejected.
537
+
*`failed`: A reconnection attempt failed.
538
+
*`rejected`: A reconnection attempt was received by the server but rejected.
539
539
540
540
The following table describes the CSS classes applied to the `components-reconnect-modal` element. The **Event** column represents the value of the matching `components-reconnect-state-changed` JavaScript event.
541
541
@@ -549,25 +549,25 @@ The following table describes the CSS classes applied to the `components-reconne
549
549
550
550
Additional CSS classes to further control the style of rendered elements is described in the following table. The **Event** column represents the value of the matching `components-reconnect-state-changed` JavaScript event.
551
551
552
-
| CSS class | Event |Indicates…|
552
+
| CSS class | Event |Displayed on…|
553
553
| --- | --- | --- |
554
-
|`components-reconnect-first-attempt-visible`|`retrying`|Displayed on the first retry attempt. |
555
-
|`components-reconnect-repeated-attempt-visible`|`retrying`|Displayed on the subsequent retry attempts. |
556
-
|`components-reconnect-failed-visible`|`failed`/`rejected`|Displayed when reconnection attempts have failed or a reconnection attempt has been rejected. |
554
+
|`components-reconnect-first-attempt-visible`|`retrying`|The first retry attempt. |
Copy file name to clipboardExpand all lines: aspnetcore/release-notes/aspnetcore-10/includes/blazor.md
+4-4Lines changed: 4 additions & 4 deletions
Display the source diff
Display the rich diff
Original file line number
Diff line number
Diff line change
@@ -36,14 +36,14 @@ The [`[Route]` attribute](xref:Microsoft.AspNetCore.Components.RouteAttribute) n
36
36
37
37
Previously, <xref:Microsoft.AspNetCore.Components.NavigationManager.NavigateTo%2A?displayProperty=nameWithType> scrolled to the top of the page for same-page navigations. This behavior has been changed in .NET 10 so that the browser no longer scrolls to the top of the page when navigating to the same page. This means the viewport is no longer reset when making updates to the address for the current page, such as changing the query string or fragment.
38
38
39
-
### Reconnection UI component added to the Blazor Web App template
39
+
### Reconnection UI component added to the Blazor Web App project template
40
40
41
-
The Blazor Web App project template now includes a `ReconnectModal` component, including collocated stylesheet and JavaScript files, for improved developer control over the reconnection UI when the client loses the WebSocket connection to the server. The component isn't required to inline styles programatically, so it doesn't violate stricter Content Security Policy (CSP) settings for the `style-src` policy, thus avoiding CSP violations that faced the reconnection UI in prior releases.
41
+
The Blazor Web App project template now includes a `ReconnectModal` component, including collocated stylesheet and JavaScript files, for improved developer control over the reconnection UI when the client loses the WebSocket connection to the server. The component isn't required to inline styles programatically, so it doesn't violate stricter Content Security Policy (CSP) settings for the `style-src` policy, thus avoiding CSP violations that occurred with the reconnection UI in prior releases.
42
42
43
43
New reconnection UI features:
44
44
45
-
* Apart from indicating the reconnection state by setting a specific CSS class on the element with the `components-reconnect-modal` ID, it also dispatches a custom event in `components-reconnect-state-changed` that can be listened for on the modal element.
46
-
* The new reconnection state `retrying` is indicated by both a CSS class and the custom event, so that code can better differentiate the stages of the reconnection process.
45
+
* Apart from indicating the reconnection state by setting a specific CSS class on the reconnection UI element, the new `components-reconnect-state-changed` event is dispatched for reconnection state changes.
46
+
* Code can better differentiate the stages of the reconnection process with the new reconnection state "`retrying`," indicated by both the CSS class and the new event.
47
47
48
48
For more information, see <xref:blazor/fundamentals/signalr?view=aspnetcore-10.0#reflect-the-server-side-connection-state-in-the-ui>.
0 commit comments