Hi Telerik Support

This is related to the feedback portal item:  The Grid header gets focus only for the first time when tabbing

I had raised the above issue, now I can see that the issue is fixed in 7.0.0. But the fix does not work when the TelerikGrid is inside a TelerikWindow. 

Please find the REPL sample https://blazorrepl.telerik.com/QIvmPrlI39rZ4whP10 

Is there a work around for the scenario where the grid is inside a popup window?

Regards

Bably

Hi Telerik Support

Facing an issue with Keyboard navigation in Telerik Grid component. 

When we use TAB to navigate, the grid header gets focus only for the first time. After completing one round of navigation, second time after the Toolbar buttons, if we TAB out, focus goes to the pager sections skipping the grid header part.

Pls refer the REPL sample from Telerik website:

https://blazorrepl.telerik.com/GHOUEQPu32fDqVkl23?_ga=2.110299852.854118306.1687429777-597574975.1687340896&_gl=1*1exmltg*_ga*NTk3NTc0OTc1LjE2ODczNDA4OTY.*_ga_9JSNBCSF54*MTY4NzQyOTc3Ny40LjEuMTY4NzQzMDkxNC41Ni4wLjA. 

Steps to reproduce:

1) Use ALT + W and then use TAB key to navigate

2) First focus goes to the Toolbar button (Add Product), then goes to the Grid Header and then if we TAB again focus goes to the Pager section

3) After the Pager section, if we do steps 1 and 2 again, we can see that it skips the Grid Header focus second time onwards.

Acro field values don't show in the PDF VIewer, although they display in the print preview dialog.

This is a regression in version 7.0.0. Version 6.2.0 displays the acro field values as expected.

We would like the ability to customize the calendar's month header.

For instance, we would like to add a row displaying the month name and year, as shown in the attached screenshot.

I'm using the Editor in a form along with several other inputs (e.g. TextBox, NumericTextBox).

If the user enters an invalid value for the other inputs, they get a red border. The Editor, however, does not have such a border when its value is invalid and thus the form elements are not consistent. Please add a red border for the invalid state of the Editor, too.

===

ADMIN EDIT

===

At this stage, the Editor is not treated as a standard input and it does not support all of the input's capabilities - such as invalid state, disabled state, sizing, fill and more.

The current request may potentially be part of a bigger design story that strives to align the Editor's functionalities with the rest of the inputs ( TextBox, NumericTextBox and more).

Hello,

the Color Tool Customization in the Telerik Editor is not working correctly. Colors are only generate HTML in Rgb.

The documentation says: "ValueFormat":  The format, which the Color tool will set in the generated HTML markup. Use Rgb or Hex.

Thanks in advance.

For example: https://docs.telerik.com/blazor-ui/components/editor/built-in-tools#color-tool-customization

@using Telerik.Blazor.Components.Editor

<TelerikEditor Tools="@EditorTools"
               @bind-Value="@EditorValue">
</TelerikEditor>

@code {
    private string EditorValue { get; set; }

    private List<IEditorTool> EditorTools { get; set; } = new List<IEditorTool>()
    {
        new ForeColor()
        {
            Title = "Text Color",
            Colors = new List<string> { "#f00", "#ff9900", "rgb(0, 128, 0)", "rgba(0, 0, 255, .8)" },
            ValueFormat = ColorFormat.Hex
        },
        new ViewHtml()
    };
}

At the moment start and end times effectively "round" to the nearest half an hour.   This can give the impression of events overlapping when they do not

e.g.

Admin edit: This feature would be similar to the Exact Time Rendering in our WebForms suite: https://demos.telerik.com/aspnet-ajax/scheduler/examples/exacttimerendering/defaultcs.aspx

The issue targets a Grid with cell selection and DragToSelect feature disabled where at least one column has Visible="false". With this configuration, when using Shift + Click to select multiple cells, the result is a mismatch in the cells that should be selected, after the position where the invisible column is placed.

Video reproduction attached. Reproduction code: https://blazorrepl.telerik.com/GyFuQwPf37H8riAM19.

If the Scheduler is placed in a parent container (for example Telerik Splitter or any other container) its appointments are not resized when resizing the pane. The Scheduler itself resizes accordingly, but the appointments don't.

The SplitButton and DropDownButton trigger client-side Blazor framework exceptions if the app tries to change the component UI in the OnClick handler, for example, toggle Enabled or set another Class.

The issue exists only in WebAssembly apps and only in Chrome / Edge. The problem doesn't exist in the Button and ToggleButton.

Test example with a possible workaround:

<p>Issue:</p>

<TelerikSplitButton OnClick="@OnClickHandler" Enabled="@SplitButtonEnabled">
    <SplitButtonContent>Click Me</SplitButtonContent>
    <SplitButtonItems>
        <SplitButtonItem>Item 1</SplitButtonItem>
        <SplitButtonItem>Item 2</SplitButtonItem>
    </SplitButtonItems>
</TelerikSplitButton>

<p>Workaround:</p>

<div class="@(  $"splitbutton-wrapper {(SplitButtonEnabled ? "" : " my-disabled")}" )">
    <TelerikSplitButton OnClick="@OnClickHandler" TabIndex="@( SplitButtonEnabled ? 0 : -1 )">
        <SplitButtonContent>Click Me</SplitButtonContent>
        <SplitButtonItems>
            <SplitButtonItem>Item 1</SplitButtonItem>
            <SplitButtonItem>Item 2</SplitButtonItem>
        </SplitButtonItems>
    </TelerikSplitButton>
</div>

<style>
    .splitbutton-wrapper {
        display: inline-flex;
    }

    .my-disabled button {
        outline: none !important;
        cursor: default;
        opacity: .6;
        filter: grayscale(0.1);
        pointer-events: none;
        box-shadow: none !important;
    }
</style>

<br />
<br />

<TelerikButton OnClick="@OnClickHandler">Toggle SplitButton Enabled</TelerikButton>

<br />
<br />

<p>OnClickHandler fired: @ClickLog</p>

@code {
    private bool SplitButtonEnabled { get; set; } = true;

    private string ClickLog { get; set; } = string.Empty;

    public void OnClickHandler(MouseEventArgs MouseEventArgs)
    {
        ClickLog = DateTime.Now.ToString("HH:mm:ss.fff");
        SplitButtonEnabled = !SplitButtonEnabled;
    }
}

Error message:

blazor.web.js:1 Uncaught (in promise) Error: Assertion failed - heap is currently locked
    at Ar (blazor.web.js:1:158126)
    at Object.beginInvokeDotNetFromJS (blazor.web.js:1:156049)
    at y.invokeDotNetMethodAsync (blazor.web.js:1:4322)
    at S.invokeMethodAsync (blazor.web.js:1:5830)
    at r.invokeMethodAsync (telerik-blazor.js?63…67597060:22:1272553)
    at r.invokeBlur (telerik-blazor.js?63…67597060:22:1392662)
    at HTMLButtonElement.onBlur (telerik-blazor.js?63…67597060:22:1270337)
    at ve.setOrRemoveAttributeOrProperty (blazor.web.js:1:29093)
    at ve.applyAttribute (blazor.web.js:1:28037)
    at ve.applyEdits (blazor.web.js:1:25064)

Description

When the user selects an empty tab and then switches to another tab, the empty tab remains highlighted (appears as if it's still selected).

Reproduction

Reproduction: https://blazorrepl.telerik.com/mRkVczaV02S9QkmJ28

Steps:

1. Select the second tab (which has no content).
2. Select the first tab.

Both tabs are highlighted as selected.