disable katex equation automatically resizing

[ChiMaoShuPhy]

Thanks for your always kind and quick assistance!

I am using the marp vscode extension

I want to ask is there an option to disable katex equation being resized when the equation is very wide? In stead, one may prefer overflow-x scroll.

besides, the katex equation (not exceeding the width of the section) is also resized in custom properties, for an example

I defined a custom property embox in my custom theme css

embox {
    background-color: #cfc;
    display:inline-block;
    width: fit-content;
    max-width: 100%;
}

in the marp mark down, i have a wide equation

* test in `embox`

  <embox>

    $$
    f(\relax{x}) = \int_{-\infty}^\infty   f(\hat\xi)\,e^{2 \pi i \xi x}   \,d\xi \int_{-\infty}^\infty   f(\hat\xi)\,e^{2 \pi i \xi x}   \,d\xi
    $$

  </embox>

* test without `embox`
    $$
    f(\relax{x}) = \int_{-\infty}^\infty   f(\hat\xi)\,e^{2 \pi i \xi x}   \,d\xi \int_{-\infty}^\infty   f(\hat\xi)\,e^{2 \pi i \xi x}   \,d\xi
    $$

what I got is

I have to manually set the width of embox in style. I am wondering is there any way to prevent katex from auto resizing and adjust the width of embox according to the original width or katex equation.

Many thanks!

[yhatt]

I want to ask is there an option to disable katex equation being resized when the equation is very wide? In stead, one may prefer overflow-x scroll.

KaTeX auto-scaling is enabled by Marp Core theme.
https://github.com/marp-team/marp-core/tree/main/themes#auto-scaling-flags

You have to use a custom theme if you want to disable KaTeX auto-scaling. Exclude math from the scaling targets by using @auto-scaling metadata.

/* @theme custom-theme */
/* @auto-scaling fittingHeader,code */

@import 'default';

⚠️ Please note that any overflow CSS declarations cannot work on PDF. Marp is prioritizing that there are no problems in PDF export by default.

[ChiMaoShuPhy]

@yhatt Somehow this issue appears again after I reinstalled the latest marp tools. I have tested with the same example as I posted in the question. I have checked that I set math: katex in the constructor options and exclude math from @auto-scaling meta data in the custom css theme file, but the katex element is still resized as the snapshot in the question

The css theme file:

/* @theme my_theme */
/* @auto-scaling fittingHeader */

@import 'default';

embox {
    background-color: #cfc;
    display:inline-block;
    width: fit-content;
    max-width: 100%;
}

The mark down file:

---
marp: true
theme: my_theme
_class: lead
backgroundColor: #fff
paginate: true
size: 4:3
math: katex 

---

* test in `embox`

  <embox>

    $$
    f(\relax{x}) = \int_{-\infty}^\infty   f(\hat\xi)\,e^{2 \pi i \xi x}   \,d\xi \int_{-\infty}^\infty   f(\hat\xi)\,e^{2 \pi i \xi x}   \,d\xi
    $$

  </embox>

* test without `embox`
    $$
    f(\relax{x}) = \int_{-\infty}^\infty   f(\hat\xi)\,e^{2 \pi i \xi x}   \,d\xi \int_{-\infty}^\infty   f(\hat\xi)\,e^{2 \pi i \xi x}   \,d\xi
    $$

[yhatt]

Thank you for reporting. This may be a regression of Marp Core that has been overlooked over the years since the release of v3.0.0, which introduced drastic changes to the auto-scaling rendering.

Please track the progress status in marp-team/marp-core#353.

[yhatt]

Fixed in Marp Core v3.8.1.

If you were using Marp CLI in your Node.js project, you can test the latest core with npm i @marp-team/marp-core@^3.8.1 --save-dev. If not, please be patient for updation of downstream Marp ecosystem tools. :)