Feb 23, 2017, 12:05 PM
[CLOSED] "Note" attribute on multiple form elements cause rendering issue in Chrome on v4.2.0 and 4.1.0
Environment:
In our application we use the Note attribute on some elements, the specific elements I will demonstrate is ComboBox, TextField, FileUploadField.
The application was fine, rendering everything as it should, and then suddenly the render changed in Chrome, this may be because of an update in chrome as the system still work fine in IE, FF, Edge.
What it is supposed to look like:
What it looks like:
This is also happening on your own samples pages:
EXT Sample
aspx
1) Removing the "Note" attribute from the elements fixed the issue. (this solution will not work for us)
2) I override the class for the element in my own CSS, I don't know if this will cause issues on other parts of the application or other browsers. (not sure if this will work for us)
- Windows 10
- Chrome Version 56.0.2924.87 (64-bit)
- Ext.NET 4.2.0
- Theme="Gray" (But it also happens in Triton, even worse)
In our application we use the Note attribute on some elements, the specific elements I will demonstrate is ComboBox, TextField, FileUploadField.
The application was fine, rendering everything as it should, and then suddenly the render changed in Chrome, this may be because of an update in chrome as the system still work fine in IE, FF, Edge.
What it is supposed to look like:
What it looks like:
This is also happening on your own samples pages:
EXT Sample
aspx
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
<title></title>
</head>
<body>
<ext:ResourceManager ID="ResourceManager1" runat="server" />
<ext:FormPanel ID="formMain" runat="server" Region="Center" Header="false" Border="false" Layout="VBoxLayout" Cls="panelBackground" BodyPadding="5" Width="520" Height="290">
<Items>
<ext:ComboBox ID="cboMedicalAid" runat="server" Width="500" FieldLabel="Medical Aid" TabIndex="1" Text="Momentum" TriggerAction="All" ValueField="Momentum" Note="Choose a medical aid to compare." />
<ext:TextField runat="server" ID="txtEmail" FieldLabel="E-Mail" Width="500px" TabIndex="2" Note="Enter an e-mail address to receive compare file.<br>';' delimited list supported." />
<ext:FileUploadField ID="txtFileUpload" runat="server" Width="500px" ButtonText="Browse" FieldLabel="File to upload" TabIndex="3" Note="Upload a file to compare." Icon="Attach" />
</Items>
</ext:FormPanel>
</body>
</html>
aspx.csusing Ext.Net;
using System;
namespace Rss
{
public partial class MedicalAidCompare : System.Web.UI.Page
{
protected void Page_Load(object sender, EventArgs e)
{
if (!X.IsAjaxRequest)
{
}
}
}
}
Processes followed and possible issues / solutions:1) Removing the "Note" attribute from the elements fixed the issue. (this solution will not work for us)
2) I override the class for the element in my own CSS, I don't know if this will cause issues on other parts of the application or other browsers. (not sure if this will work for us)
.x-form-trigger-wrap {
height: 0%;
}
Last edited by fabricio.murta; Feb 24, 2017 at 1:49 PM.
Reason: Duplicate