文档建议反馈控制台
首页
学习
活动
专区
工具
TVP
最新优惠活动
文章/答案/技术大牛
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

TDesign 更新周报（2022年9月第1周）

(#1456)修复列在设置 type = multiple 时，设置 className 不起作用的问题 @RainyLiao (#1441)修复表格部分元素无法随 Table 变化而改变的问题，如：...)Swiper: 修复动态渲染问题 (issue #1558) @btea (#1580)Table: 修复表格部分元素无法随 table 变化而变化，如：空数据，tdesign-react#1319...@chaishi (#1591)Button: 修复 button loading 状态的样式问题 @uyarn (#1610)TimePicker: 修复部分设备滚动边界的跳动异常 (issue #1012...（Breaking Change） @chaishi (#1420)修复表格部分元素无法随 table 变化而变化，如：空数据，issue#1319 @chaishi (#1420)修复全选时，事件参数...)DropdownMenu: 修复下拉菜单定位错误的问题 @LeeJim (#836)Tabs: 修复垂直模式下内容区域绑定事件无效的问题 @anlyyao (#837)Fab: 修复悬浮按钮随页面滚动的问题

2.6K20
    • 您找到你想要的搜索结果了吗？
    是的
    没有找到

    TDesign 更新周报（2022年12月第3周）

    onRowClick 行点击事件虚拟滚动支持滚动到具体的某一个元素，用于呈现选中行/选中项 (#1914)虚拟滚动支持数据变化时不重置，进而支持树形结构无限滚动虚拟滚动支持表格高度变化，vue-next...不触发 onRowClick 行点击事件，issue#1847 @chaishi (#2147)虚拟滚动支持滚动到具体的某一个元素，用于呈现选中行/选中项 @chaishi (#2112)虚拟滚动支持数据变化时不重置... @zhangpaopao0609 (#2161)Form:修复ValidateResultContext 不满足类型约束 @ufec (#2165)修复 min 为 0 时不校验问题 @yaogengzhu... (#2151)修复ValidateResultContext 不满足类型约束 @ufec (#2165)修复 min 为 0 时不校验问题 @yaogengzhu (#2151)Table: 虚拟滚动支持表格高度变化...、支持滚动定位到任意元素 @chaishi (#1798)树形结构，支持点击行展开树节点 @chaishi (#1800)树形结构，点击树节点展开图标的时候，不再冒泡到行点击事件 onRowClick

    1.3K20

    让 touch 系列事件触发的滚动响应更快

    在极个别例子下，这会导致意外的滚动。可以通过在意外滚动发生的元素上添加CSS属性touch-action: none 来阻止滚动发生。继续阅读，你可以了解到更多相关技术的细节。...4问题与修复 大部分情况下，（我们的优化）不会导致任何 BUG 。但是如果 BUG 真的出现了，最常见问题是当你不希望页面发生滚动时却发生了。...如果你希望某个元素（无论进行任何 touch 操作都）不会使浏览器发生滚动或缩放，可以往该元素的CSS中加入touch-action: none。...开发者在需要时，应该在 touch 系列事件发生前，使用touch-action这一 CSS 属性去阻止某元素滚动或缩放。...只有在为了阻止之后的默认行为（如将要触发的click事件）时，才应该在touchend的事件处理函数中调用preventDefault()。

    99520

    「译」前端项目中常见的 CSS 问题

    重置 button 和 input 元素的背景 添加按钮时，重置它的背景，否则在跨浏览器时它的呈现会有所不同。...在移动端下，浏览器将会出现水平滚动条。 image.png 左边：出现水平滚动条，并且项目没有换行。右边：项目换行，呈两行显示 解决方法很简单。wrapper 应该在空间不足时让项目换行。...要修复这个问题，可以让 aside 元素与其父元素的起点对齐，这样它的高度就不会扩展了。...给一个 SVG 添加 fill 使用 SVG 时，如果在 SVG 内部添加 fill，有时候它可能不会如预期的那样生效。...RTL 布局中的手机号码 在一个从右到左的布局中添加诸如 + 972-123555777 的手机号码时，加号将会位于号码末尾。要修复这个问题，可以重新指定手机号码的方向。

    2.2K10

    TDesign 更新周报（2022年4月第1周）

    ，需要手动设置样式保持表单对齐 Bug Fixes Popconfirm: 修复确认框中按钮默认大小 Upload: 修复上传中状态文案 Popup: 修复 hideEmptyPopup 在动态改变内容时不生效的问题...修复 filter 状态下，树无法折叠的问题；修复 lazy 状态下，无法正确展示 label 的问题 Table: 修复虚拟滚动 threshold 引起的报错 修复 TS 定义报错问题，非 Typescript...onFixedChange 触发时机，在固定状态发生变化时才会触发该事件（改动之前为：滚动一直触发） Table: 自定义列配置功能：多级表头和列显示配置同时存在时，无法进行正确的列配置的问题，列配置仅显示了第一层表头...) 均可 新增全局配置：过滤图标、空元素、异步加载文本配置、排序按钮文本配置 新增 scroll 滚动事件 新增表头吸顶功能 新增综合功能：多级表头 + 固定表头 + 固定列 + 表头吸顶 + 虚拟滚动...修复最大宽度和文案没对齐的问题 Input: 修复设置 clearable，点击不清除内容的问题 Dialog: 修复 1px 边框在 iOS 上消失的问题 Swiper: 修复延迟设置地址时，显示不正常的问题

    2.4K20

    CSS中常见的BUG调试

    非常可能是由于布局的缘故而产生的，因而修复IE中BUG的时候，第一件事就是尝试通过规则迫使元素拥有布局来看是否能修复。...3）相对定位的元素没有布局 4）在拥有布局的元素之间外边距不会叠加 5）在没有布局的块级链接上，单击区域仅仅覆盖文本 6）在滚动中。...bug——IE6及其更低版本号 bug：不论什么浮动元素的外边距加倍 修复：将元素的display属性设置为inline 2）3像素文本偏移bug——IE6及其更低版本号 bug：当一个非浮动元素与一个浮动元素相邻时...4）相对定位的元素中绝对定位错误——IE6及其更低版本号 bug：相对定位的父元素中包括绝对定位的子元素。子元素定位时的參照物不是父元素而是视口。...（IE6中相对定位的元素没有拥有布局） 修复：迫使相对定位父元素拥有布局（设置width或height，如 _height: 1%;） <link rel=”stylesheet” type

    34910

    Milvus 新版本来啦！首席工程师带你划重点：安全、稳定、升级友好

    Milvus 2.2.3 版本是 2.2 系列的小版本升级，尽管是小版本的更新，但是依然干货满满： 首先是带来了社区中呼声很高的 coordinator 节点的高可用能力；其次还新增了不停机滚动升级的功能...例如需要 QueryCoord 高可用，则打开配置项 queryCoord.enableActiveStandby=true，部署时启动两个 QueryCoord 节点，两者会按照启动先后顺序成为主备节点...不停机滚动升级 随着 Milvus 在用户生产环境中逐渐落地，如何在不影响业务用户的前提下优雅升级、尽快享受新版 Milvus 的特性成为迫切的需求。对此，我们在 2.2.3 版本上线了滚动升级能力。...注意：只有通过 helm 部署的 Milvus 集群支持滚动升级，Operator 部署暂不支持。...、Checkpoint 和 GC 冲突的问题 修复 embedded etcd 无法使用的问题 修复多个查询失败导致 QueryNode panic 的问题

    53950

    小智在这3年开发中遇到的 CSS 问题及解决方案，有大佬帮他总结好了 ！

    然而，在 Windows上，滚动条总是在那里(即使内容很短)。这是因为无论内容如何，scroll-y都会显示滚动条，这时候我们可以使用overflow: auto，它只会在需要时显示滚动条。 ?...在移动设备上，浏览器会显示一个水平滚动条。 ? 解决方法就是使用 flex-wrap: wrap，这样当水平空间不够时，浏览器会帮我们自动换行。...一个简单的修复方法是在父元素上设置font-size: 0。 ul { font-size: 0; } li { font-size: 16px; } ?...水平滚动条 由于元素的宽度，有些元素会导致出现水平滚动条。 找到这个问题的原因最简单的方法就是使用 CSS outline。...RTL 布局的电话号 在从右到左的布局中添加电话号码(如+ 972-123555777)时，加号将定位在电话号码的末尾。要解决这个问题，重新分配电话号码的方向即可。

    3.7K10

    Snagit for mac(屏幕截图和屏幕录制工具)

    Snagit可以快速捕捉全屏、窗口、区域或滚动屏幕截图，并提供多种编辑工具，如裁剪、调整大小、添加文本、箭头、形状、高亮、马赛克和数字等标记。...功能更新添加了在 Screen Draw 处于活动状态时滚动的功能。当用户退出绘图模式时，屏幕绘图对象现在会自动淡出。改进了 Chrome 网络浏览器中自动滚动箭头的可见性。...性能改进改进了自动和全景（手动）滚动捕获的处理时间。提高了视频捕获的稳定性。Bug修复修复了从视频中取消 .gif 导出时发生的崩溃。修复了如果在录制时发生重启，视频文件可能丢失的问题。  ...修复了防止透明区域添加到全景（手动）滚动捕获的顶部和底部的问题。修复了全景（手动）滚动捕获后预览窗口有时会保留在屏幕上的问题。...修复了录制全屏时 Screen Draw 控件未移动到不同显示器（如果可用）的问题。修复了捕获选择十字准线会将光标检测为选择区域的问题。

    3.1K00

    position:sticky的兼容性尝试

    问题 目前前端的h5有个需求，就是“当页面上的若干个标题被拖动到视口的顶部时，则显示一个被定位到视口的顶部的tab标签，可对这个tab标签进行点击导航，并在某个特殊的情况下隐藏”。...进行一次layout和repaint，有可能造成卡顿 + 在ios设备中，scroll事件在上下滑动的过程中js不会连续执行，只在滑动结束的时刻执行一次，并且不支持左右滑动事件的触发 针对上述问题进行修复...，其实并不困难： + 针对scroll做throttle节流，避免每次滑动都执行，可以设置时间间隔，如50ms + 在侦听函数中计算元素的layout属性，可用setTimeout在定时器队列尾插入任务...sticky布局有着几个条件： + 元素并不会脱离文档流，当元素被粘在视口的顶部时，原来在文档流中的位置仍然占据，这点类似relative定位 + 元素相对于其最近可滚动的祖先元素“粘性定位”，如果其祖先元素都不能滚动...，则相对于适口定位 + 元素最近的祖先元素overflow设置为非默认值visible时，则元素相对于该祖先元素进行sticky定位。

    3.7K100

    分享5个关于 Vue 的小知识，希望对你有所帮助（三）

    1、使用Vue.js滚动到一个元素 我们可以通过为想要滚动到的元素分配一个引用来使用Vue.js滚动到该元素然后，我们可以在分配给引用的元素上调用scrollIntoView方法来滚动到该元素。...然后我们调用el.scrollIntoView，并使用一个具有behavior属性的对象来更改滚动行为。 2、如何在Vue.js组件中监听窗口滚动事件？...，以便在组件挂载时监听滚动事件。...3、如何在页面加载时调用Vue.js方法？ 我们可以在页面加载时通过在 beforeMount 组件钩子中调用Vue.js方法来调用它。...4、在Vue.js中按下回车键时执行某些操作 我们可以通过在执行某些操作的元素上添加 v-on:keyup 指令来在按下回车键时执行某些操作。

    21220

    React项目中如何实现一个简单的锚点目录定位

    前言 锚点目录定位功能在长页面和文档类网站中非常常见,它可以让用户快速定位到页面中的某个章节 如何在React中实现锚点定位和平滑滚动 目录自动高亮的实现思路 处理顶部导航遮挡锚点的解决方案 服务端渲染下的实现方案...,将这个元素滚动到可见区域。...此时就需要实现锚点定位和目录的联动效果: 点击目录时,自动滚动到对应的章节 滚动页面时,自动高亮正在浏览的章节 目录导航组件 目录导航本身是一个静态组件,我们通过props传入章节数据: function...通过chapterId获取到元素,并滚动到可视区域,实现平滑跳转。...但是在Next.js的SSR环境下就会有问题: 点击目录链接时,页面不会滚动。 这是因为在服务端,我们无法获取组件的ref,所以锚点元素不存在,自然无法定位。 滚动页面时,目录高亮也失效。

    1.2K20

    小程序提升界面使用体验　丰富了内容展示组件

    小程序可以获取页面布局，了解用户屏幕滑动情况，并使用页面滚动接口。例如看到一半的文章，开发者可以定位并记住浏览的位置。在用户下次打开小程序时，立即滚动到未读处，方便用户继续阅读。... 可以展示富文本 优化小程序启动逻辑 基础库更新 (1.4.0)： A 新增 API createSelectorQuery 获取元素布局信息 A 新增 API getFileInfo...Android Http 状态码是 302 时异常的问题 F 修复 API showToast 在 iOS 上页面滚动时出现会随着页面滚动的问题 A 新增 canvas 上下文 setTextBaseline...接口 设置绘制文本时的文本基线 F 修复 canvas 上下文 setTextAlign iOS 中文字过长时 center 对齐方式失效的问题 F 修复 canvas 上下文 disable-scroll...基础库 1.4.0 调试支持 A 新增 性能 Trace 工具 A 新增 Win 菜单栏 hover 时改变背景色 F 修复 全局搜索结果页切换标签回来滚动位置不应回到顶部的问题 F 修复 文件大小写不一致问题导致部分文件系统大小写敏感用户开启工具白屏的问题

    1.7K80

    CSS深入理解学习笔记之overflow

    水平居中跳动问题修复： 　　　　①html{overflow:scroll;}; 　　　　②.container{padding-left:calc((100vw - width) * .5);}——100vw...　　不建议用overflow修复浮动，会影响布局。...常用修复浮动方法： .clearfix{*zoom:1;} .clearfix:after{content:'';display:table;clear:both;} 常用的两栏自适应布局： .cell...答：①overflow元素自身作为包含块； 　　　　②overflow元素子元素为包含块； 　　　　③transform声明当作包含块：ⅰoverflow元素自身transform（仅支持：IE9+/FireFox...（2）锚点定位的本质 　　　　在页面可滚动容器中，通过锚链滚动到其对应的锚点元素，即改变容器的滚动高度。 　　　　前提：①容器可滚动；②锚点元素在容器内。

    4.2K50

    angular浏览器兼容性问题解决方案

    第二个方案的详细过程如下： 使用div包裹表格，当表格宽度超过div宽度时，开启滚动： .scroll-table { width: 100%; overflow-x: scroll; } 针对表格...，我们可以指定宽度，让其超过外层div宽度（这样可以看到滚动效果）。...--- 问题：IE浏览器下，在多个tab页中切换，echart所在容器高度坍塌 原因：IE浏览器下父元素不能动态调整高度（即通过子元素动态改变调整高度） 解决方案：固定echart图表所在的容器高度 -...比如在placeholder改变时，placeholder的文字不是英语的时候就会触发，Edge15+修复了这个问题，但是IE可能永远都不会修复这个问题。...这种方式经验证，最终的效果是，初始化表单后，表单输入元素的边框闪烁（红色）一下。

    3.1K30

    TDesign 更新周报（2022年3月第3周）

    组件库 Vue2 for Web 发布 0.37.2 版 Button: 修复 disabled 不生效的问题 Cascader: 修复文字过长时不显示 tooltip 的问题 Datepicker:...修复 Form 中使用时，触发校验时机错误的问题 InputNumber: 修复小数计算错误的问题 Popup: trigger 为 hover 时点击引用元素保持开启状态，防止菜单消失 TagInput...DatePicker:打开时间面板重置时间 Menu:修复在没 overflow 时，仍出现滚动条的问题 Input: 修复组件keypress 事件未触发,修复在 readonly 模式下的聚焦样式...TagInput: 修复 breakline 模式下的 clearIcon 样式重叠, 修复 autowidth 模式下的 padding 不对称,修复超出滚动失效 详情见：https://github.com... DialogPlugin 关闭后滚动问题 Cascader: 修复 multiple 模式点击后关闭 popup 问题 Table: 修复 key 有 0 的数据时的排序问题 Cascader: 修复

    1.3K20

    HTML+CSS滚动条样式如何单独给firefox设置 scrollbar-width: none；，而不影响其他浏览器

    要在Firefox中单独设置滚动条样式，你可以使用​​@-moz-document​​规则。这个规则允许你为特定的浏览器或浏览器引擎应用样式。...下面是一个例子，演示如何在Firefox中隐藏滚动条： @-moz-document url-prefix() { /* 在这里添加只对Firefox生效的样式 */ body { scrollbar-width...在​​body​​元素中，​​scrollbar-width: none;​​将隐藏滚动条。 请注意，这样的规则只在Firefox中生效，而在其他浏览器中会被忽略。...确保在使用这样的规则时进行测试，以确保所需的效果在目标浏览器中按预期工作。 在CSS中，​​*​​​（星号）和 ​​body​​ 分别选择不同的元素或元素集合。...*​（星号）选择器： 这是通配符选择器，匹配文档中的所有元素。使用 * 会选择页面上的每个元素，无论是块级元素、行内元素还是其他类型的元素。

    14500

    90行代码，15个元素实现无限滚动

    如何在React Hook中实现无限滚动。 如何正确渲染多达10000个元素的列表。 ? 无限下拉加载技术使用户在大量成块的内容面前一直滚动查看。这种方法是在你向下滚动的时候不断加载新内容。...当你使用滚动作为发现数据的主要方法时，它可能使你的用户在网页上停留更长时间并提升用户参与度。 随着社交媒体的流行，大量的数据被用户消费。...比如，[0, 0.25, 0.5, 0.75, 1]就表示当目标元素 0%、25%、50%、75%、100% 可见时，会触发回调函数。...原理 实现一个组件，可以显示具有15个元素的固定窗口大小的n个项目的列表： 即在任何时候，无限滚动n元素上也仅存在15个DOM节点。 ?...$bottomElement = useRef(); const $topElement = useRef(); 正常的无限向下滚动只需关注一个dom元素，但由于我们是固定15个dom元素渲染，需要判断向上或向下滚动

    3K20
    点击加载更多

    扫码

    添加站长 进交流群

    领取专属 10元无门槛券

    手把手带您无忧上云

    扫码加入开发者社群

    相关资讯

    热门标签

    更多标签

    活动推荐

      运营活动

      活动名称
      广告关闭

      腾讯云开发者

      扫码关注腾讯云开发者

      扫码关注腾讯云开发者

      领取腾讯云代金券

      热门产品

      热门推荐

      更多推荐

      Copyright © 2013 - 2025 Tencent Cloud. All Rights Reserved. 腾讯云 版权所有

      深圳市腾讯计算机系统有限公司 ICP备案/许可证号：粤B2-20090059 深公网安备号 44030502008569

      腾讯云计算（北京）有限责任公司 京ICP证150476号 | 京ICP备11018762号 | 京公网安备号11010802020287

      领券