首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
社区首页 >问答首页 >关闭在Firefox中挂起的引导带模式时,模式内的..form控件有焦点

关闭在Firefox中挂起的引导带模式时,模式内的..form控件有焦点
EN

Stack Overflow用户
提问于 2014-09-12 10:38:25
回答 2查看 1.3K关注 0票数 1

我在检查一个奇怪的案子。我有一个引导模态,在模态体中包含一些输入字段。

而在其他页面上,如果模态中的表单字段有焦点,而我关闭该模式,则没有问题,在这个特定的页面上发生了一些奇怪的事情:模态开始淡出,直到它的不透明度为0。比整个褪色过程似乎停止:

  • .modal-backdrop仍然在那里并且可见。
  • 在css中包含.modalopacity: 0;本身仍然具有内联样式display: block;。它躺在/盖在背景上,因此是不可点击的。
  • 身体已经失去了类modal-open。因此,它的滚动条再次可见。

无论是因为带有data-dismiss="modal"的按钮还是使用javascript按钮,模式都是关闭的。重要的是

  1. 模态内的.form-control有焦点。如果我从输入中删除类form-control,那么即使输入有焦点,模态也会按预期关闭。如果在关闭该模式之前手动单击其他地方,以便从.form-control中移除焦点,则该模式将按预期关闭。如果我尝试blur()unfocus()模型中的所有输入,问题仍然会发生。
  2. 火狐浏览器,它不会发生在Chrome或IE上

有趣的是,如果我在模式“挂起”时摆弄Firebug,选择.modal,查看css并将类.fade (即为0)的不透明度更改为例如0.1,一些似乎一直在等待的进程仍在继续,该模式被设置为display: none;,背景消失。

将不得不深入到这一点,因为它只发生在本页。

但也许有人也经历过类似的事情。

EN

回答 2

Stack Overflow用户

回答已采纳

发布于 2014-10-22 15:02:43

在我的例子中,这是对jasny引导的干扰。关于Github上的这个问题有一个问题(和一个快速的解决方案):https://github.com/jasny/bootstrap/issues/293

票数 0
EN

Stack Overflow用户

发布于 2014-10-16 03:29:25

将..form控件的转换属性设置为none。这对我有用。

代码语言:javascript
代码运行次数:0
运行
复制
.form-control {
    transition: none !important;
}
票数 0
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/25806374

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档