Tables control does not display numbers exceeding 5 digits

[zhouzhuo810]

• Markwon version: 4.3.0

1. Please specify expected/actual behavior

A bit strange, on my OPPO Reno ACE phone, the numbers in the table are not displayed when they exceed 5 digits. But it shows on my Xiaomi 6 phone.

2. Please specify conditions/steps to reproduce (layout, code, markdown used, etc)

gradle

    implementation "io.noties.markwon:core:4.3.0"
    implementation "io.noties.markwon:image:4.3.0"
    implementation "io.noties.markwon:ext-latex:4.3.0"
    implementation 'io.noties.markwon:ext-strikethrough:4.3.0'
    implementation 'io.noties.markwon:inline-parser:4.3.0'
    implementation 'io.noties.markwon:image-picasso:4.3.0'
    implementation 'io.noties.markwon:ext-tables:4.3.0'
    implementation 'io.noties.markwon:linkify:4.3.0'
    implementation('io.noties.markwon:syntax-highlight:4.3.0') {
        exclude group: 'org.jetbrains'
    }
    implementation 'io.noties.markwon:ext-tasklist:4.3.0'
    implementation 'io.noties.markwon:html:4.3.0'
    implementation 'pl.droidsonroids.gif:android-gif-drawable:1.2.19'
    implementation("io.noties:prism4j:2.0.0") {
        exclude group: 'org.jetbrains'
    }
    annotationProcessor 'io.noties:prism4j-bundler:2.0.0'
    implementation 'com.caverock:androidsvg-aar:1.4'

layout

        <ScrollView
            android:id="@+id/scroll_view"
            android:layout_width="match_parent"
            android:layout_height="match_parent"
            android:layout_margin="20dp"
            android:overScrollMode="never"
            android:scrollbars="none"
            >

            <androidx.appcompat.widget.AppCompatTextView
                android:id="@+id/tv_markdown"
                android:layout_width="match_parent"
                android:layout_height="wrap_content"
                android:lineSpacingExtra="6dp"
                android:textSize="16sp" />

        </ScrollView>

init

    mMarkwon = Markwon
            .builder(this)
            .usePlugin(StrikethroughPlugin.create())
            .usePlugin(LinkifyPlugin.create())
            .usePlugin(TaskListPlugin.create(DetailMarkdownPlusActivity.this))
            .usePlugin(SyntaxHighlightPlugin.create(new Prism4j(new MyGrammarLocator()), isNightMode() ? Prism4jThemeDarkula.create()
                : Prism4jThemeDefault.create()))
            .usePlugin(HtmlPlugin.create(new HtmlPlugin.HtmlConfigure() {
                @Override
                public void configureHtml(@NonNull HtmlPlugin plugin) {
                    plugin.addHandler(new AlignTagHandler());
                }
            }))
            .usePlugin(TablePlugin.create(new TablePlugin.ThemeConfigure() {
                @Override
                public void configureTheme(@NonNull TableTheme.Builder builder) {
                    boolean nightMode = isNightMode();
                    builder
                        .tableBorderWidth(1)
                        .tableEvenRowBackgroundColor(Color.parseColor(nightMode ? "#4Dcccccc" : "#4D9EBCE2"))
                        .tableOddRowBackgroundColor(Color.parseColor(nightMode ? "#2Dcccccc" : "#2D9EBCE2"))
                        .tableCellPadding(DisplayUtils.dip2px(4));
                }
            }))
            .usePlugin(ImagesPlugin.create(new ImagesPlugin.ImagesConfigure() {
                @Override
                public void configureImages(@NonNull ImagesPlugin plugin) {
                    plugin.addSchemeHandler(FileSchemeHandler.create());
                    plugin.addSchemeHandler(OkHttpNetworkSchemeHandler.create());
                }
            }))
            .usePlugin(PicassoImagesPlugin.create(Picasso.get()))
            .usePlugin(new AbstractMarkwonPlugin() {
                @Override
                public void beforeSetText(@NonNull TextView textView, @NonNull Spanned markdown) {
                    super.beforeSetText(textView, markdown);
                    AsyncDrawableScheduler.unschedule(textView);
                }
                
                @Override
                public void afterSetText(@NonNull TextView textView) {
                    super.afterSetText(textView);
                    AsyncDrawableScheduler.schedule(textView);
                }
            })
            .usePlugin(MarkwonInlineParserPlugin.create())
            .usePlugin(JLatexMathPlugin.create(mEtMarkdown.getTextSize(), new JLatexMathPlugin.BuilderConfigure() {
                @Override
                public void configureBuilder(@NonNull JLatexMathPlugin.Builder builder) {
                    builder.inlinesEnabled(true);
                }
            }))
            .build();

usage

        Observable.just(content)
            .map(new Function<String, Spanned>() {
                @Override
                public Spanned apply(String s) throws Exception {
                    return mMarkwon.toMarkdown(s);
                }
            })
            .subscribeOn(Schedulers.io())
            .observeOn(AndroidSchedulers.mainThread())
            .as(AutoDispose.autoDisposable(AndroidLifecycleScopeProvider.from(DetailMarkdownPlusActivity.this)))
            .subscribe(new Consumer<Spanned>() {
                @Override
                public void accept(Spanned str) throws Exception {
                    if (mMarkwon != null && mTvMarkdown != null && str != null) {
                        mMarkwon.setParsedMarkdown(mTvMarkdown, str);
                    }
                }
            }, Throwable :: printStackTrace);

when > 4 digits

before

after

when <= 4 digits

others

1. I tried removing the margin of the ScrollView, but it didn't work.
2. I tried removing the cell padding of the Table Plugin, but it didn't work.

so i have no idea how to solve this problem. can you help me ?

[noties]

Hello @zhouzhuo810 !

It's weird, but I think it has nothing to do with the digits. Can you share you raw markdown input for me to copy paste?

[zhouzhuo810]

| HEADER | HEADER | HEADER |
|:----:|:----:|:----:|
|   测试  |   测试   |   测试   |
|  测试  |   测试   |  测试   |
|   测试  |   测试   |   123445   |

测试

That's all @noties

[noties]

@zhouzhuo810 can you try with Chinese characters (some long sequence) instead of digits? For me it's correctly overflowing making text multiline

[zhouzhuo810]

@noties Chinese display is fine，If the number is included and the length is 5, the number disappears.

| HEADER | HEADER | HEADER |
|:----:|:----:|:----:|
|   测试  |   测试   |   测试   |
|  测试  |   测试   |  测测试测123456试测试测试   |
|   测试  |   测试   |   123445   |

测试

preview:

[noties]

This is really weird, are you using any custom font? As a crazy idea, can you try digits without the 4?

[zhouzhuo810]

@noties haha，I'm not using any custom font, but even more strangely, the same phone can be displayed using the Pure Writer APP. I don't know how Pure Writer uses markwon.

| HEADER | HEADER | HEADER |
|:----:|:----:|:----:|
|   测试  |   测试   |   测试   |
|  测试  |   测试   |  测测试测1234试测试测试   |
|   测试  |   测试   |   123445   |

测试

preview:

Pure Writer preview:

[noties]

Can you try to render this markdown with high contrast text option enabled? It seems that digits are there but by some strange reason are not displayed

[noties]

Also, please try without linkify plugin, I think this is the culprit

UPD: can you also add a link somewhere in your markdown outside the table, like [测试](#)? Will it rendered/styled as a link?

[zhouzhuo810]

@noties ok

| HEADER | HEADER | HEADER |
|:----:|:----:|:----:|
|   测试  |   测试   |   测试   |
|  测试  |   测试   |  测测测12345试测试测试   |
|   测试  |   测试   |   123445   |

测试

[https://www.baidu.com](https://www.baidu.com)

preview:

I will try without linkify, please wait for my reply.

[zhouzhuo810]

@noties Wow, that's it. Thank you very much !

[noties]

Glad I could help @zhouzhuo810 🙌 !

Still I would like to keep this issue open until I investigate why tables are not displaying linkified content

[zhouzhuo810]

OK ～ 🙌

[noties]

It is actually a bug in ext-tables because of which links are not displayed properly