Bug Report T284330
Visible to All Users

RichEditControl - Cursor increases its height when text is typed and Bootstrap styles are registered

created 10 years ago (modified 9 years ago)

I've manually added a RichEdit Control to a Razor page with the following code:

Razor:

@Html.DevExpress().RichEdit(settings =>
{
    settings.Name = "RichEdit";
    settings.CallbackRouteValues = new { Controller = "General", Action = "TestPartial" };
    settings.WorkDirectory = "C:\Temp";
}).GetHtml()

Controller:

public ActionResult Test()
        {
            return View("Test");
        }

public ActionResult TestPartial()
        {
            return PartialView("TestPartial");
        }

While trying to use the extension, the cursor increases in length instead of moving to the right as I type.

In my Layout.cshtml page, I am loading the following Scripts and StyleSheets:

@using DevExpress.Web.Mvc.UI

@Html.DevExpress().GetStyleSheets(
    new StyleSheet { ExtensionSuite = ExtensionSuite.NavigationAndLayout },
    new StyleSheet { ExtensionSuite = ExtensionSuite.Editors },
    new StyleSheet { ExtensionSuite = ExtensionSuite.HtmlEditor },
    new StyleSheet { ExtensionSuite = ExtensionSuite.GridView },
    new StyleSheet { ExtensionSuite = ExtensionSuite.PivotGrid },
    new StyleSheet { ExtensionSuite = ExtensionSuite.Chart },
    new StyleSheet { ExtensionSuite = ExtensionSuite.Report },
    new StyleSheet { ExtensionSuite = ExtensionSuite.Scheduler },
    new StyleSheet { ExtensionSuite = ExtensionSuite.TreeList },
    new StyleSheet { ExtensionSuite = ExtensionSuite.Spreadsheet },
    new StyleSheet { ExtensionSuite = ExtensionSuite.SpellChecker },
    new StyleSheet { ExtensionSuite = ExtensionSuite.Icons },
    new StyleSheet { ExtensionSuite = ExtensionSuite.DashboardViewer },
    new StyleSheet { ExtensionSuite = ExtensionSuite.RichEdit })

@Html.DevExpress().GetScripts(
    new Script { ExtensionSuite = ExtensionSuite.NavigationAndLayout },
    new Script { ExtensionSuite = ExtensionSuite.HtmlEditor },
    new Script { ExtensionSuite = ExtensionSuite.GridView },
    new Script { ExtensionSuite = ExtensionSuite.PivotGrid },
    new Script { ExtensionSuite = ExtensionSuite.Editors },
    new Script { ExtensionSuite = ExtensionSuite.Chart },
    new Script { ExtensionSuite = ExtensionSuite.Report },
    new Script { ExtensionSuite = ExtensionSuite.Scheduler },
    new Script { ExtensionSuite = ExtensionSuite.TreeList },
    new Script { ExtensionSuite = ExtensionSuite.Spreadsheet },
    new Script { ExtensionSuite = ExtensionSuite.SpellChecker },
    new Script { ExtensionSuite = ExtensionSuite.DashboardViewer },
    new Script { ExtensionSuite = ExtensionSuite.RichEdit })

Any idea what the control is behaving so strangely? Does it have some kind of default spacing set or some other issue?

Answers approved by DevExpress Support

created 9 years ago (modified 9 years ago)

We have fixed the issue described in this ticket and will include the fix in our next maintenance update. To apply this solution before the official update, request a hotfix by clicking the corresponding link for product versions you require.

Note: Hotfixes may be unavailable for beta versions and updates that are about to be released.

    created 10 years ago

    Hi,

    Perhaps, default CSS rules included in the VS project template produce this effect. Please make sure that the corresponding CSS file is not referenced. In addition, review "Step 9. Remove CSS Settings Applied using Element Type Selectors" in the Manual Integration into an Existing Project article, where this topic is discussed. See also: KA18769 - CSS - Conflicts when applying global CSS selectors for common HTML tags (table, etc.).

    I have created a small sample project that covers your scenario and operates correctly as shown in the attached screencast. I hope reviewing it will help you find a solution to this problem. If this does not help, please update my sample to illustrate the problem. Then, I will see what is going wrong and do my best to find a solution.

    Thanks,
    Alessandro.

      Show previous comments (5)
      Sergi (DevExpress) 9 years ago

        Hello,

        Thank you for posting your sample project. I see the problem. I will forward this issue to our R&D team. Our developers will continue working on this problem, and we will keep you informed of any progress.

        VS VS
        Vincent Sillifant 9 years ago

          Good Morning,
          Any updates regarding this issue?
          Regards,
          Vincent

          DevExpress Support Team 9 years ago

            Hello,

            Our developers are working on this issue. We will update this thread once we make any progress. Your patience is greatly appreciated.

            Disclaimer: The information provided on DevExpress.com and affiliated web properties (including the DevExpress Support Center) is provided "as is" without warranty of any kind. Developer Express Inc disclaims all warranties, either express or implied, including the warranties of merchantability and fitness for a particular purpose. Please refer to the DevExpress.com Website Terms of Use for more information in this regard.

            Confidential Information: Developer Express Inc does not wish to receive, will not act to procure, nor will it solicit, confidential or proprietary materials and information from you through the DevExpress Support Center or its web properties. Any and all materials or information divulged during chats, email communications, online discussions, Support Center tickets, or made available to Developer Express Inc in any manner will be deemed NOT to be confidential by Developer Express Inc. Please refer to the DevExpress.com Website Terms of Use for more information in this regard.