Coder Social home page Coder Social logo

Comments (10)

bindoon avatar bindoon commented on May 18, 2024 2

inline=false 如何

from next.

tao1991123 avatar tao1991123 commented on May 18, 2024

为什么要是block?理由?

from next.

windyGex avatar windyGex commented on May 18, 2024

对于大多数场景而言这种覆盖式的loading基本都是用于块状元素。如果默认设为inline-block会影响到子级元素的一些计算。

比如有可能会造成Table的锁列失效等

from next.

yibn2008 avatar yibn2008 commented on May 18, 2024

是的,比如一个表单 form,各个组件的宽度是100%,如果加了loading,表单就会按内容宽度计算

from next.

bindoon avatar bindoon commented on May 18, 2024

这个修改影响比较大,可能会造成布局错乱。算br了

from next.

windyGex avatar windyGex commented on May 18, 2024

可以加个API吧。默认还是inline-block,可以通过这个属性变更为display: block。现在每次都是通过style的方式或者复写CSS来修改的。

from next.

tao1991123 avatar tao1991123 commented on May 18, 2024

@jdkahn this issue reporter wants a loading with style display: block
but the default style of loading component is "display: inline-block".

Now bindoon provides a solution: add a new props inline and this default value = true, if inline === false, loading style should be "display: block"

from next.

jdkahn avatar jdkahn commented on May 18, 2024

@tao1991123 When used right now the loader is inline-block. Do I need to go to each of these usages and add inline: true? Or should the default value of inline be set to true?

from next.

tao1991123 avatar tao1991123 commented on May 18, 2024

@tao1991123 When used right now the loader is inline-block. Do I need to go to each of these usages and add inline: true? Or should the default value of inline be set to true?

default value of inlineshould be set to true so it can work no difference just like right now without modify any code.
If it is set to 'false' , it will be "display: block"

from next.

youluna avatar youluna commented on May 18, 2024

1.11.10 released

from next.

Related Issues (20)

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.