Description

A pane that has Closeable="false" set does not render a "close" button and should not be closeable through any user interaction. However, pressing the Esc keyboard key (while the pane is floating and has the focus) closes the pane.

Steps To Reproduce

Run the following REPL example: https://blazorrepl.telerik.com/QTkgmKuM23c0uPv125

1. Focus the floating pane.
2. Press the Esc keyboard key.

A slightly different scenario: there are no panes declared in a DockManagerFloatingPanes tag. The user drags a DockManagerContentPane making it float, then presses Esc key: https://blazorrepl.telerik.com/QJuUGUlv43toAJhk40

Actual Behavior

The floating pane closes.

Expected Behavior

The floating pane remains open.

Workaround:
Add the following script to the view:

<script suppress-error="BL9992">
    document.addEventListener(
      "keydown",
      function (e) {
        if (e.key === "Escape" && e.target.classList.contains("k-dock-manager-window")) {
          e.stopImmediatePropagation();
          e.preventDefault();
        }
      },
      true
    );
</script>

Browser

All

Last working version of Telerik UI for Blazor (if regression)

No response

When copy-pasting a cell from Excel to the Spreadsheet, our component then generates an invalid horizontal alignment value, which does not conform to the document format specification:

<alignment horizontal="start" vertical="bottom" />

The valid values for horizontal do not include start: 

<simpleType name="ST_HorizontalAlignment">
	<restriction base="xsd:string">
	<enumeration value="general"/>
	<enumeration value="left"/>
	<enumeration value="center"/>
	<enumeration value="right"/>
	<enumeration value="fill"/>
	<enumeration value="justify"/>
	<enumeration value="centerContinuous"/>
	<enumeration value="distributed"/>
	</restriction>
</simpleType>

Here are the steps:

1. Copy some basic content from Excel (two text cells)

2. Paste the content to the Telerik Blazor Spreadsheet component and save the XLSX file

When triggering Grid edit mode through the Grid state and the component is using adaptive mode, the edit form doesn't show.

Possible workarounds include:

• Trigger edit mode through built-in buttons in the Grid command column on in the Grid toolbar.
• Use inline or in-cell editing.
• Use a custom edit form in a separate Window component that fills the entire viewport.

I would like to have an event that fires when the user closes the Window and to be able to cancel the event. I would like to have an identifier if the user pressed the "Esc" key or the Close button rendered in the Browser.

---

ADMIN EDIT

---

At the time of writing, only using the VisibleChanged event can let you prevent the Window from closing. As a workaround, you can cancel this event and use a custom close command that will not trigger it to, effectively, disable closing with Esc: https://blazorrepl.telerik.com/mJbvlMEV17noCYuv21.

Description

Regression introduced in v9.0.0.

Initial binding to a property works, but when either the RemoveAttributes or the StripTags parameter is set, on changing the Editor value, two-way binding does not work and the new Editor value is not reflected in the property value.

Potentially related to #3887

Steps To Reproduce

1. Run the following example:

<p role="status">Current Editor value: @CurrentEditorText</p>

<TelerikEditor @bind-Value="@CurrentEditorText">
    <EditorSettings>
        <EditorPasteSettings ConvertMsLists="@true"
                             RemoveAllAttributes="@true"
                             RemoveAttributes="@(new List<string> { "lang" })"
                             RemoveHtmlComments="@true"
                             RemoveMsClasses="@true"
                             RemoveMsStyles="@true"
                             StripTags="@( new List<string> { "h1" })">
        </EditorPasteSettings>
    </EditorSettings>
</TelerikEditor>


@code {
    private string CurrentEditorText { get; set; } = @"<strong>initial</strong><span>value</span>";

    public List<string> RemoveAttributes { get; set; } = new List<string>() { "data-id" };

    public List<string> StripTags { get; set; } = new List<string>() { "font" };
}

2. Type in the Editor's content area

Actual Behavior

The CurrentEditorText property value is not updated.

Expected Behavior

The CurrentEditorText property value is updated.

Browser

All

Last working version of Telerik UI for Blazor (if regression)

8.1.1

Hi,

There's a bug in TelerikComboBox. If you have ScrollMode.Virtual enabled, together with ShowClearButton enabled you can end up in a state where "No data" is shown after opening the drop down.

Steps to reproduce.

- Use a TelerikComboBox in your view. 

- Assign its Data Parameter a List containing 1000 items. Set PageSize paramter to 10.

- Open the ComboBox list, scroll to bottom and select an item.

- Press the ClearButton to deselect the item.

- Preform an action that resizes the List passed to the Data parameter to 10 items.

- Open the ComboBox list again, not it will sais No data instead of showing the 10 items.

As far as i can tell this happens because Skip property (TelerikSelectBase) is not reset in the ResetValue() method.

This does not happen when you manually clear the field, becouse that calls ChangeValue, wich in turn calls Filter(), and filter does this:

if (IsVirtualScrollable)
{
         Skip = 0;
}

Please expose the popup collision settings of the Popup and Popover components to all other applicable components, such as:

• AutoComplete
• ColorPicker
• ComboBox
• DropDownList
• DatePicker
• DateRangePicker
• DateTimePicker
• MultiColumnComboBox
• MultiSelect
• TimePicker
• Tooltip

Currently the popup collision setting can be either Flip or Fit, but it will be useful to have a third setting that can use both positioning methods at the same time. Flip should be the default approach, but if the popup does not fit in either direction, then the component should fallback to a Fit approach.

The feature request also applies to the Popover component and any other component that exposes collision settings in the future.

The Grid in-cell editor will not close if the user selects content in more than one cell in the component. This can lead to problems related to uncommitted new values if the user "forgets" to confirm their edits and navigates away.

https://demos.telerik.com/blazor-ui/grid/editing-incell

Observe the inconsistency:

• While in edit mode, select the contents of another single cell. The cell in edit mode will close.
• While in edit mode, drag the mouse to select multiple other cells. The cell in edit mode will not close.

===

A possible workaround is to use @onfocusout and the Grid state to detect the problematic behavior and close the edit cell programmatically:

https://blazorrepl.telerik.com/cJFbQIFE08y9GN8A02

• Create a ListView
• Create a TimePicker within the ListView
• Set the Adaptive Mode on the TimePicker to Auto (This is key, if this property is removed it works)
• Run the page and switch to a mobile view format within the browse

@page "/test-timepicker-listview"

<h3>TimePicker in ListView Test</h3>

<TelerikListView Data="@TestItems" Width="100%">
    <HeaderTemplate>
        <div style="padding: 10px; background-color: #f0f0f0; font-weight: bold;">
            Time Entry Items
        </div>
    </HeaderTemplate>
    <Template>
        <div style="padding: 15px; border-bottom: 1px solid #ddd;">
            <div style="margin-bottom: 10px;">
                <strong>Item:</strong> @context.Name
            </div>
            <div style="display: flex; align-items: center; gap: 10px;">
                <label>Start Time:</label>
                <TelerikTimePicker @bind-Value="@context.StartTime" Format="hh:mm tt" Width="150px"
                    AdaptiveMode="AdaptiveMode.Auto" />
            </div>
            <div style="display: flex; align-items: center; gap: 10px; margin-top: 10px;">
                <label>End Time:</label>
                <TelerikTimePicker @bind-Value="@context.EndTime" Format="hh:mm tt" Width="150px"
                    AdaptiveMode="AdaptiveMode.Auto" />
            </div>
        </div>
    </Template>
</TelerikListView>

@code {
    private List<TimeEntryItem> TestItems { get; set; } = new();

    protected override void OnInitialized()
    {
        // Initialize with some test data
        TestItems = new List<TimeEntryItem>
{
new TimeEntryItem { Id = 1, Name = "Morning Shift", StartTime = new DateTime(2025, 11, 18, 8, 0, 0), EndTime = new
DateTime(2025, 11, 18, 12, 0, 0) },
};
    }

    public class TimeEntryItem
    {
        public int Id { get; set; }
        public string Name { get; set; } = string.Empty;
        public DateTime StartTime { get; set; }
        public DateTime EndTime { get; set; }
    }
}

The value in a numeric textbox cannot be changed for negative numerbes unless you erase all the text and restart.