Skip to content

Commit 2244a1e

Browse files
committed
Updates
1 parent 408b619 commit 2244a1e

File tree

2 files changed

+13
-13
lines changed

2 files changed

+13
-13
lines changed

aspnetcore/blazor/fundamentals/signalr.md

Lines changed: 9 additions & 9 deletions
Original file line numberDiff line numberDiff line change
@@ -534,8 +534,8 @@ The `components-reconnect-state-changed` event indicates a reconnection status c
534534
* `show`: The reconnection modal is shown.
535535
* `hide`: The reconnection model is closed.
536536
* `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.
539539

540540
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.
541541

@@ -549,25 +549,25 @@ The following table describes the CSS classes applied to the `components-reconne
549549

550550
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.
551551

552-
| CSS class | Event | Indicates… |
552+
| CSS class | Event | Displayed on… |
553553
| --- | --- | --- |
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. |
555+
| `components-reconnect-repeated-attempt-visible` | `retrying` | Subsequent retry attempts. |
556+
| `components-reconnect-failed-visible` | `failed`/`rejected` | Reconnection attempts that have failed or been rejected. |
557557

558-
To display the maximum number of reconnect retries, define an element with an `id` of `components-reconnect-max-retries`:
558+
An element with an `id` of `components-reconnect-max-retries` displays the maximum number of reconnect retries:
559559

560560
```html
561561
<span id="components-reconnect-max-retries"></span>
562562
```
563563

564-
To display the current reconnect attempt, define an element with an `id` of `components-reconnect-current-attempt`:
564+
An element with an `id` of `components-reconnect-current-attempt` displays the current reconnect attempt:
565565

566566
```html
567567
<span id="components-reconnect-current-attempt"></span>
568568
```
569569

570-
To display the number of seconds to the next reconnection attempt, define an element with an `id` of `components-seconds-to-next-attempt`:
570+
An element with an `id` of `components-seconds-to-next-attempt` displays the number of seconds to the next reconnection attempt:
571571

572572
```html
573573
<span id="components-seconds-to-next-attempt"></span>

aspnetcore/release-notes/aspnetcore-10/includes/blazor.md

Lines changed: 4 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -36,14 +36,14 @@ The [`[Route]` attribute](xref:Microsoft.AspNetCore.Components.RouteAttribute) n
3636
3737
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.
3838
39-
### Reconnection UI component added to the Blazor Web App template
39+
### Reconnection UI component added to the Blazor Web App project template
4040
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.
4242
4343
New reconnection UI features:
4444
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.
4747
4848
For more information, see <xref:blazor/fundamentals/signalr?view=aspnetcore-10.0#reflect-the-server-side-connection-state-in-the-ui>.
4949

0 commit comments

Comments
 (0)