FineUI 官方论坛

标题: 【应该是浏览器BUG】FileUpload 点击后,页面会向上移动 [打印本页]

作者: 消失的键盘    时间: 2017-1-16 17:03
标题: 【应该是浏览器BUG】FileUpload 点击后,页面会向上移动
该页面为
btnNew.OnClientClick = Window1.GetShowReference("~/video_new.aspx", "新增视频");
弹出的页面,点击其中的FileUpload后,页面向上移动。之前的版本没有这个问题。麻烦老大看看是什么原因。页面代码如下:
  1. <f:PageManager ID="PageManager1" AutoSizePanelID="Panel1" runat="server" />
  2.         <f:Panel ID="Panel1" ShowBorder="false" ShowHeader="false"  AutoScroll="true" runat="server">
  3.             <Toolbars>
  4.                 <f:Toolbar ID="Toolbar1" runat="server">
  5.                     <Items>
  6.                         <f:Button ID="btnClose" Icon="SystemClose" EnablePostBack="false" runat="server"
  7.                             Text="关闭">
  8.                         </f:Button>
  9.                         <f:ToolbarSeparator ID="ToolbarSeparator2" runat="server">
  10.                         </f:ToolbarSeparator>
  11.                         <f:Button ID="btnSaveClose" ValidateForms="SimpleForm1" Icon="SystemSaveClose" OnClick="btnSaveClose_Click"
  12.                             runat="server" Text="保存后关闭">
  13.                         </f:Button>
  14.                     </Items>
  15.                 </f:Toolbar>
  16.             </Toolbars>
  17.             <Items>
  18.                 <f:Form ID="SimpleForm1" ShowBorder="false" ShowHeader="false" runat="server" BodyPadding="10px"
  19.                      Title="SimpleForm">
  20.                     <Rows>
  21.                         <f:FormRow ID="FormRow3" runat="server">
  22.                             <Items>
  23.                                 <f:TextBox ID="tbxName" runat="server" Label="视频名称" Required="true" ShowRedStar="true" TabIndex="1">
  24.                                 </f:TextBox>
  25.                             </Items>
  26.                         </f:FormRow>  
  27.                         <f:FormRow ID="FormRow6" runat="server">
  28.                             <Items>
  29.                                  <f:FileUpload runat="server" ID="filePhoto" EmptyText="请选择需要上传的视频文件" Label="上传视频" Required="true" ShowRedStar="true">
  30.                                  </f:FileUpload>
  31.                                  <f:TextBox ID="tbxWhenLong" runat="server" Label="视频时长" Required="true" ShowRedStar="true">
  32.                                  </f:TextBox>
  33.                              </Items>
  34.                         </f:FormRow>
  35.                         <f:FormRow ID="FormRow1" runat="server">
  36.                             <Items>
  37.                                 <f:DropDownList ID="ddlchannel0" Label="频道1" runat="server"></f:DropDownList>
  38.                                 <f:DropDownList ID="ddlchannel1" Label="频道2" runat="server"></f:DropDownList>
  39.                              </Items>
  40.                         </f:FormRow>
  41.                         <f:FormRow ID="FormRow2" runat="server">
  42.                             <Items>
  43.                                  <f:TriggerBox ID="tbSelectedUser" EnableEdit="false" EnablePostBack="false" TriggerIcon="Search"  Required="true" ShowRedStar="true"
  44.                                     Label="所属专家" runat="server" >
  45.                                 </f:TriggerBox>
  46.                              </Items>
  47.                         </f:FormRow>
  48.                         <f:FormRow ID="FormRow4" runat="server">
  49.                             <Items>
  50.                                  <f:TextArea runat="server" ID="tbxKeyWords" EmptyText="搜索关键字,以英文逗号‘,’分隔" Label="搜索关键字">
  51.                                 </f:TextArea>
  52.                              </Items>
  53.                         </f:FormRow>     
  54.                     </Rows>
  55.                 </f:Form>
  56.             </Items>
  57.         </f:Panel>
复制代码


PS:好像在官方例子中,即使不弹出页面,也会向上移动。
http://fineui.com/demo/#/demo/form/fileupload.aspx



作者: sanshi    时间: 2017-1-16 18:06
在Chrome,IE11下测试,暂时没发现问题。你Chrome也能重现吗
作者: 消失的键盘    时间: 2017-1-17 11:37
sanshi 发表于 2017-1-16 18:06
在Chrome,IE11下测试,暂时没发现问题。你Chrome也能重现吗

我做了个测试地址,继承 System.Web.UI.Page,没有后台代码。只要点击FileUpload ,页面就会上移

IE 11 没有问题。    360 急速模式 和 chrome 46.0  就有问题

http://back.veehui.com/test/test.aspx
作者: sanshi    时间: 2017-1-17 15:03
消失的键盘 发表于 2017-1-17 11:37
我做了个测试地址,继承 System.Web.UI.Page,没有后台代码。只要点击FileUpload ,页面就会上移

IE 11  ...

Chrome下载 v55 试下,我这边Chrome Version 55.0.2883.75 m 没发现问题
作者: 消失的键盘    时间: 2017-1-17 15:19
sanshi 发表于 2017-1-17 15:03
Chrome下载 v55 试下,我这边Chrome Version 55.0.2883.75 m 没发现问题

确实 在 Chrome Version 55.0  就没有这个问题了
但是在360 内核 8.1 下,急速模式中 还是存在这个问题

测试链接:http://back.veehui.com/test/test.aspx
[attach]9687[/attach]

作者: sanshi    时间: 2017-1-17 15:38
消失的键盘 发表于 2017-1-17 15:19
确实 在 Chrome Version 55.0  就没有这个问题了
但是在360 内核 8.1 下,急速模式中 还是存在这个问题

如果最新版Chrome没问题,那就可能是老版本Chrome的BUG。这个很正常,是软件都会有BUG。

我之前发现不止一个Chrome的BUG:
http://www.cnblogs.com/sanshi/p/6138767.html
http://www.cnblogs.com/sanshi/p/5938198.html
作者: 究级闪电EX    时间: 2017-2-28 14:08
是有这个问题 点了会上移 我项目中也遇到过了 ie没事 360极速模式下就会




欢迎光临 FineUI 官方论坛 (https://fineui.com/bbs/) Powered by Discuz! X3.4