Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

float: right, option is not there #296

Open
sourav-singh-rawat opened this issue May 18, 2020 · 7 comments
Open

float: right, option is not there #296

sourav-singh-rawat opened this issue May 18, 2020 · 7 comments
Labels
css Enhancements/issues with css properties layout Issues related to our layout algorithm
Milestone

Comments

@sourav-singh-rawat
Copy link

Is there any option or way to achieve a float: right; style using this

@ryan-berger
Copy link
Collaborator

@bunny1999 Float is currently not supported. Would you mind providing a use case for how you would be using float? I think that float would be quite the challenge to implement, but would be willing to do so if I thought there was a very good use case for it, and there were multiple people looking for it

@ryan-berger ryan-berger added the more-info-needed More information is needed to resolve the issue. Will be closed if no response is received. label Jun 13, 2020
@soham-mazumdar
Copy link

floating an image to left/right depending on the html attribute..

`const htmlData = """

      <img src='http://localhost/practice/images/200X300.jpg' align="left" width="200" /> // float left

      <p>In enim justo, rhoncus ut, imperdiet a, venenatis vitae, justo. Nullam dictum felis eu pede mollis pretium. Integer tincidunt. Cras dapibus. Vivamus elementum semper nisi. Aenean vulputate eleifend tellus. Aenean leo ligula, porttitor eu, consequat vitae, eleifend ac, enim. Aliquam lorem ante, dapibus in, viverra quis, feugiat a, tellus.</p>

      <img src='http://localhost/practice/images/200X300.jpg' align="right" width="200" /> // float right

      <p>Phasellus viverra nulla ut metus varius laoreet. Quisque rutrum. Aenean imperdiet. Etiam ultricies nisi vel augue. Curabitur ullamcorper ultricies nisi. Nam eget dui. Etiam rhoncus. Maecenas tempus, tellus eget condimentum rhoncus, sem quam semper libero, sit amet adipiscing sem neque sed ipsum. Nam quam nunc, blandit vel, luctus pulvinar, hendrerit id, lorem. Maecenas nec odio et ante tincidunt tempus. Donec vitae sapien ut libero venenatis faucibus. Nullam quis ante. Etiam sit amet orci eget eros faucibus tincidunt. Duis leo. Sed fringilla mauris sit amet nibh. Donec sodales sagittis magna. Sed consequat, leo eget bibendum sodales, augue velit cursus nunc,</p>
      """;`

@devon
Copy link

devon commented Feb 10, 2021

This is another example about float:

<div>
  <strong style="float: left;color: #c00;display:inline-block">1&nbsp;</strong>
  <div>
    Some Content.
  </div>
</div>

@jamesdixon
Copy link

@ryan-berger a use case for float would be the case where you'd like to wrap text around an image in flutter. I have yet to be able to figure out how to do this effectively 😬

@erickok
Copy link
Collaborator

erickok commented Jun 10, 2022

For as long as we use Text.rich to render our tree, I don't think we can implement this.

I did find https://pub.dev/packages/float_column which is very interesting. I don't know about performance or if it covers all our features, but it is very interesting... It would require a 'full' rewrite of our layout algorithm though!

@Sub6Resources Sub6Resources added css Enhancements/issues with css properties layout Issues related to our layout algorithm and removed more-info-needed More information is needed to resolve the issue. Will be closed if no response is received. labels May 17, 2023
@Sub6Resources Sub6Resources added this to the Stretch Goals milestone May 17, 2023
@thareshjose
Copy link

Is there any alternate package available, that provides a way to have the html data with text wrapping around an image?

@thareshjose
Copy link

Is there any alternate package available, that provides a way to have the html data with text wrapping around an image?

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
css Enhancements/issues with css properties layout Issues related to our layout algorithm
Projects
Status: Todo
Development

No branches or pull requests

8 participants