Validation Tooltip Behavior

4 posts, 0 answers
  1. Preston
    Preston avatar
    19 posts
    Member since:
    Apr 2009

    Posted 22 Jul 2012 Link to this post

    Telerik Team,

    I am seeing inconsistent behavior with the validation tooltip from various different editors.  I currently have several editors hosted within an ItemsControl.  There are enough items within the ItemsControl to require a scrollbar.  Each item may host any number of your editors.  It varies.  If I edit a DateTimePicker and the value is invalid, my error message is displayed correctly next to the control.  While the error message is being displayed, I attempt to scroll through the ItemsControl.  Once I begin scrolling, the error message disappears.  This is the expected behavior.  However, when I perform these exact same steps with the RadMaskedTextInput or RadMaskedNumericInput the error message never disappears and worse yet, remains in the same location as the user is scrolling through the ItemsControl.  To be clear, the error message never disappears nor scrolls with the control it was associated with.  It acts as an overlay as the scrolling occurs.  It essentially becomes detached from the original control.  This, of course, is not the desired behavior.  The error message should disappear and behave precisely how the DateTimePicker behaves.  It appears to be a focus issue.  When I give focus to the scrollbar within the ItemsControl, the error message associated with the DateTimePicker disappears immediately.  As I mentioned before, the RadMaskedTextInput and RadMaskedNumericInput do not exhibit this behavior.

    Any help with this matter would be greatly appreciate.

    Thanks

    PD
  2. Tina Stancheva
    Admin
    Tina Stancheva avatar
    3298 posts

    Posted 26 Jul 2012 Link to this post

    Hi Preston,

     
    Thank you for your detailed report. We can confirm that this is a bug in the MaskedInput controls and this is why I logged it in our PITS where you can track its progress.

    I also updated your Telerik account for this valuable feedback.

    Kind regards,
    Tina Stancheva
    the Telerik team

    Explore the entire Telerik portfolio by downloading Telerik DevCraft Ultimate.

  3. DevCraft banner
  4. Preston
    Preston avatar
    19 posts
    Member since:
    Apr 2009

    Posted 26 Jul 2012 Link to this post

    Tina,

    My pleasure.  Thank you for your response.  I also would like to add that the behavior is even worse when you re-size the browser window.  The ToolTip is moved to multiple locations depending upon the size of the window. 

    I know I mentioned this before, nevertheless, the DateTimePicker does not exhibit this behavior.  It behaves as expected.

    Do you have a workaround for this issue?

    PD
  5. Tina Stancheva
    Admin
    Tina Stancheva avatar
    3298 posts

    Posted 31 Jul 2012 Link to this post

    Hi Preston,

    You can workaround the issue with the resizing of the page by handling the UserControl.SizeChanged event and closing the ValidationTooltip of the MaskedInput controls. You can use a code similar to this:

    private void UserControl_SizeChanged(object sender, SizeChangedEventArgs e)
    {
        var validationTooltip = radMaskedNumericInput.FindChildByType<ValidationTooltip>();
        if (validationTooltip.IsOpen)
            validationTooltip.IsOpen = false;
    }


    However, as the ScrollViewer doesn't expose any scroll events, I'm not sure which event to suggest you to use to workaround the issue while srolling down/up.

    Greetings,
    Tina Stancheva
    the Telerik team

    Explore the entire Telerik portfolio by downloading Telerik DevCraft Ultimate.

Back to Top