Progress® Telerik® UI for ASP.NET AJAX Feedback Portal
Recently Updated
New Items
Most Popular
Status Info
Recently Updated
Request a Feature Report a Bug
Unplanned
Last Updated: 19 Jul 2023 11:08 by ADMIN
When keyboard navigation is enabled Tabs keep focus even after focusing other tabs
Created by: Kristoffer
Comments: 1
Category: TabStrip
Type: Bug Report
0
When keyboard navigation is enabled Tabs keep focus even after focusing other tabs

Code to replicate the issue:

<telerik:RadTabStrip RenderMode="Lightweight" ID="RadTabStrip1" runat="server" SelectedIndex="0">
    <KeyboardNavigationSettings CommandKey="Alt" FocusKey="M" />
    <Tabs>
        <telerik:RadTab Text="Examples">
        </telerik:RadTab>
        <telerik:RadTab Text="Configurator">
        </telerik:RadTab>
        <telerik:RadTab Text="Quick Start">
        </telerik:RadTab>
        <telerik:RadTab Text="Help">
        </telerik:RadTab>
        <telerik:RadTab Text="Purchase">
        </telerik:RadTab>
    </Tabs>
</telerik:RadTabStrip>

Unplanned
Last Updated: 13 Dec 2022 13:08 by David
Accessibility issues - RadTabStrip and RadMultiPageView
Created by: David
Comments: 0
Category: TabStrip
Type: Bug Report
1
Accessibility issues - RadTabStrip and RadMultiPageView

AXE Errors:

  • Frames must have title attribute - Element location: iframe[src$="content.aspx"]
  • Elements must only use allowed ARIA attributes - Element location: #RadTabStrip1

Setup to reproduce:

<telerik:RadTabStrip runat="server" ID="RadTabStrip1" MultiPageID="RadMultiPage1" EnableAriaSupport="true" SelectedIndex="0">
    <AriaSettings Label="TabStrip" />
    <KeyboardNavigationSettings CommandKey="Alt" FocusKey="M" />
    <Tabs>
        <telerik:RadTab Text="Tab 1">
        </telerik:RadTab>
        <telerik:RadTab Text="Tab 2">
        </telerik:RadTab>
    </Tabs>
</telerik:RadTabStrip>

<telerik:RadMultiPage runat="server" ID="RadMultiPage1" SelectedIndex="0" EnableAriaSupport="true">
    <telerik:RadPageView ID="RadPageView1" runat="server" ContentUrl="content.aspx">
    </telerik:RadPageView>
    <telerik:RadPageView ID="RadPageView2" runat="server" ContentUrl="content.aspx">
    </telerik:RadPageView>
</telerik:RadMultiPage>


Unplanned
Last Updated: 22 Apr 2021 15:53 by ADMIN
Tab Strip scroll buttons do not work in RTL mode in Chrome
Created by: Andy
Comments: 0
Category: TabStrip
Type: Bug Report
0
Tab Strip scroll buttons do not work in RTL mode in Chrome

Tab Strip scroll buttons do not work in RTL mode in Chrome. The issue can be reproduced here:

Scrolling and Multi-row Tabs Online Demo

 

Video:

http://somup.com/crf3odFFjF

Unplanned
Last Updated: 13 Nov 2020 08:35 by ADMIN
Tab does not work for selected tab when followed by a datepicker
Created by: Neale Hayes
Comments: 1
Category: TabStrip
Type: Bug Report
1
Tab does not work for selected tab when followed by a datepicker

Steps to reproduce:
Use the code below. Select the Members tab and press the tab key - nothing happens. Focusing the DataPicker is expected.

  <a href="http://www.google.com">Google</a>

    <div class="RadTabStripWrapper">
        <telerik:RadTabStrip ID="rtsCommitteeTabs" runat="server" MultiPageID="rmpCommitteeTabViews" RenderMode="Lightweight">
            <KeyboardNavigationSettings CommandKey="Alt" FocusKey="T" />
            <Tabs>
                <telerik:RadTab PageViewID="pvMeetings" Value="Meetings" Text="Meetings">
                </telerik:RadTab>
                <telerik:RadTab PageViewID="pvMembers" Value="Members" Text="Members">
                </telerik:RadTab>
                <telerik:RadTab PageViewID="pvAttributes" Value="Other Information" Text="Other Information">
                </telerik:RadTab>
                <telerik:RadTab runat="server" PageViewID="pvCommitteeLinkDocTab1" Text="Link Doc Tab 1" Value="CommitteeLinkDocTab1">
                </telerik:RadTab>
                <telerik:RadTab runat="server" PageViewID="pvCommitteeLinkDocTab2" Text="Link Doc Tab 2" Value="CommitteeLinkDocTab2">
                </telerik:RadTab>
                <telerik:RadTab runat="server" PageViewID="pvCommitteeLinkDocTab3" Text="Link Doc Tab 3" Value="CommitteeLinkDocTab3">
                </telerik:RadTab>
            </Tabs>
        </telerik:RadTabStrip>
    </div>
    <div class="RadMultiPageWrapper">
        <telerik:RadMultiPage ID="rmpCommitteeTabViews" runat="server">
            <!-- Meetings Tab -->
            <telerik:RadPageView runat="server" ID="pvMeetings" CssClass="MeetingsTab">                
            </telerik:RadPageView>
            <telerik:RadPageView runat="server" ID="pvMembers" CssClass="MeetingsTab">
                <telerik:RadDatePicker ID="datePickerMeetingsFrom" CssClass="DatePicker" runat="server" RenderMode="Lightweight" EnableAriaSupport="true" EnableKeyboardNavigation="true" aria-label="From date for the meeting date range filter">
                    <DateInput runat="server" ValidationGroup="MeetingDates" aria-label="From date for the meeting date range filter">
                    </DateInput>
                </telerik:RadDatePicker>
            </telerik:RadPageView>
            <telerik:RadPageView runat="server" ID="pvAttributes" CssClass="MeetingsTab">
            </telerik:RadPageView>
            <telerik:RadPageView runat="server" ID="pvCommitteeLinkDocTab1" CssClass="MeetingsTab">
            </telerik:RadPageView>
            <telerik:RadPageView runat="server" ID="pvCommitteeLinkDocTab2" CssClass="MeetingsTab">
            </telerik:RadPageView>
            <telerik:RadPageView runat="server" ID="pvCommitteeLinkDocTab3" CssClass="MeetingsTab">
            </telerik:RadPageView>
        </telerik:RadMultiPage>
    </div>

    <a href="http://www.google.com">Google 2</a>

Unplanned
Last Updated: 12 May 2020 12:28 by ADMIN
Additional padding applied to text in RadButton when switching tabs in RadTabStrip
Created by: Bastian
Comments: 0
Category: TabStrip
Type: Bug Report
1
Additional padding applied to text in RadButton when switching tabs in RadTabStrip

Scenario: RadButton within RadPageView part of RadMultiPageView integrated with RadTabStrip for switching PageViews.

When switching tabs, additional padding is applied to the text in RadButton. After a postback is made, padding is not applied anymore.

 

 

Unplanned
Last Updated: 02 Jan 2020 16:31 by ADMIN
RadTabStrip scolling does not stop
Created by: Lou
Comments: 1
Category: TabStrip
Type: Bug Report
0
RadTabStrip scolling does not stop
The tabs will scroll by themselves even when your finger is off the screen.
Unplanned
Last Updated: 02 Aug 2019 10:12 by ADMIN
Aria-selected should be set to all selectable tabs in TabStrip
Created by: Jeff
Comments: 0
Category: TabStrip
Type: Bug Report
0
Aria-selected should be set to all selectable tabs in TabStrip
Only the selected tab has an aria-selected attribute. According to the documentation I can find, all tabs should have aria-selected, and be set to true or  false as appropriate.
https://www.w3.org/TR/wai-aria-1.1/#aria-selected

aria-selected (state)§

Indicates the current "selected" state of various widgets. See related aria-checked and aria-pressed.

This attribute is used with single-selection and multiple-selection widgets:

  1. Single-selection containers where the currently focused item is not selected. The selection normally follows the focus, and is managed by the user agent.
  2. Multiple-selection containers. Authors SHOULD ensure that any selectable descendant of a container in which the aria-multiselectable attribute is true specifies a value of either true or false for the aria-selected attribute.

Any explicit assignment of aria-selected takes precedence over the implicit selection based on focus. If no DOM element in the widget is explicitly marked as selected, assistive technologies MAY convey implicit selection which follows the keyboard focus of the managed focus widget. If any DOM element in the widget is explicitly marked as selected, the user agent MUST NOT convey implicit selection for the widget.

Characteristics:
CharacteristicValue
Used in Roles:
Inherits into Roles:
Value:true/false/undefined
Values:
ValueDescription
falseThe selectable element is not selected.
trueThe selectable element is selected.
undefined (default)The element is not selectable.
Create an account Log In
View
Type
Status
Category