Comments (13)
@maicolsantos I realize you're from Fortaleza, aren't you? I've just moved from France to Juazeiro do Norte, what a coincidence!
from plugins.
@jsamr I sent you an email. 🤓
from plugins.
the following code snippet works to me, for now.
I'm waiting for an official fix.
alterChildren={(node) => {
if (node.name === 'table') {
node.attribs._rawHtml = node.attribs._rawHtml.replace(/border="\d+"/g, '')
}
}
from plugins.
@thijs-qv @maicolsantos This is likely a box-sizing issue.
Can you try to add a CSS rule for the table element as such, and tell me if the issue disappear?
table {
box-sizing: border-box;
}
from plugins.
I've added the rule to css-rules.js, but the issue still persists.
from plugins.
OK. Please provide me a minimal reproducible example (ideally, a git), and I'll be happy to investigate.
from plugins.
I've placed a simple example here.
Would be great if you can take a look.
from plugins.
@thijs-qv @maicolsantos This is my understanding of the issue so far:
- The
border
table attribute is a legacy from old HTML specs, and is not part of the HTML 5 standard anymore. - The
border
table attribute is ignored when my script computes table's height because it uses, for best browser support, the scrollHeight.
I could probably just add the style's borderWidth
value to the scrollHeight
and it should fix the problem, if and only if browser engines transfer the legacy border
property to the style object, which you will have to confirm.
I will publish pre-release patches that you can test, until the issue is resolved. Will keep you updated.
from plugins.
Thanks for looking into it. I'm not sure if adding the borderWidth
to the scrollHeight
will solve the issue. The border
attribute specifies if a border should be displayed around the table cells or not. So it's not just the table that gets a border, but the cells as well.
from plugins.
@thijs-qv I don't think that is an issue because inner borders will be taken into account in scrollHeight
. It did work on your MWE. Please test again with 0.5.1-rc.0
, and let me know :-)
from plugins.
@jsamr You are correct, that is not an issue, it's working well now. Thank you / merci beaucoup!
from plugins.
@thijs-qv You're very welcomed!
from plugins.
@jsamr it's working well now. Thank you 🤓
from plugins.
Related Issues (20)
- img tag is not supported inside table HOT 11
- Works fine for iOS but breaking in PWA HOT 9
- Are the table heights synchronized? If they are, how to disable syncing? HOT 6
- [table-plugin] Set text-align in tableStyleSpecs HOT 3
- undefinded is not a function (near '...(0,_reactNativeRenderHtml.domNodeToHTMLString)...') HOT 3
- i got error on back press please resolve it, thanks HOT 2
- If you get an error, read this first
- [iframe] Video always autoplay. How to disable autoplay? HOT 1
- [iframe] "scalesPageToFit=true" not zooming out HOT 5
- [heuristic-table-plugin]table-row/collum styling HOT 4
- [iframe-plugin] Content doesn't scale to fit if the container has some padding HOT 5
- Table not showing HOT 2
- [heuristic-table-plugin] forceStretch causes crash HOT 4
- [iframe-plugin] Add an option to add headers to the webview HOT 2
- [iframe-plugin] html string with iframe, iframe will not work HOT 8
- [heuristic-table-plugin] Text not showing when using tableRenderers
- [table-plugin] Android app (expo go and production) crashes for certain html content HOT 2
- [iframe-plugin] Crashes on Android when using certain content. HOT 4
- [iframe-plugin] html string with iframe, iframe will not work. Tried the solution in issue #41 but the app crashes
- borderwidth not showing in right side and bottom side in Table. HOT 2
Recommend Projects
-
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
-
Vue.js
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
-
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
-
TensorFlow
An Open Source Machine Learning Framework for Everyone
-
Django
The Web framework for perfectionists with deadlines.
-
Laravel
A PHP framework for web artisans
-
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.
-
Visualization
Some thing interesting about visualization, use data art
-
Game
Some thing interesting about game, make everyone happy.
Recommend Org
-
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
-
Microsoft
Open source projects and samples from Microsoft.
-
Google
Google ❤️ Open Source for everyone.
-
Alibaba
Alibaba Open Source for everyone
-
D3
Data-Driven Documents codes.
-
Tencent
China tencent open source team.
from plugins.