Content does not extend to the next page when using direction rtl (Right to Left)

65 Views Asked by At

As described in the title, When using the direction property to RTL (Right to Left), the content stop extending to next pages which means only one page will be printable.

<!DOCTYPE html>
<html>

<head>
<script src="https://unpkg.com/pagedjs/dist/paged.polyfill.js"></script>
<style>
@media print {

    @page {
        size: A4;
        margin: 20mm 30mm;
        text-align: center;
        direction: rtl; /*This line*/

        @top-center {
            content: "HEADER";
        }

        @bottom-center {
            content: "Page " counter(page) " of " counter(pages);
        }
    }

}
</style>
</head>

<body>
<h1>Title</h1>
<p>Electron (formerly known as Atom Shell[5]) is a free and open-source software framework developed and maintained by OpenJS Foundation.[6] The framework is designed to create desktop applications using web technologies (mainly HTML, CSS and JavaScript, although other technologies such as front-end frameworks and WebAssembly are possible) that are rendered using a version of the Chromium browser engine and a back end using the Node.js runtime environment.[7] It also uses various APIs to enable functionality such as native integration with Node.js services and an inter-process communication module. Electron was originally built for Atom[5] and is the main GUI framework behind several open-source projects including Atom, GitHub Desktop, Light Table,[8] Visual Studio Code, WordPress Desktop[9] and Eclipse Theia.[10]</p>
<p>Electron applications include a "main" process and several "renderer" processes. The main process runs the logic for the application (e. g. menus, shell commands, lifecycle events), and can then launch multiple renderer processes by instantiating an instance of the BrowserWindow class, which loads a window that appears on the screen by rendering HTML and CSS. Both the main and renderer processes can run with Node.js integration if the nodeIntegration field in the main process is set to true. Most of Electron's APIs are written in C++ or Objective-C and are exposed directly to the application code through JavaScript bindings.[11]</p>
<p>In September 2021, Electron moved to an eight-week release cycle between major versions to match the release cycle of Chromium Extended Stable and to comply with a new requirement from the Microsoft Store that requires browser-based apps to be within two major versions of the latest release of the browser engine.[12] Electron frequently releases new major versions along every other Chromium release.[13] The latest three stable version are supported by the Electron team.[13]</p>
<p>Desktop applications built with Electron include Atom,[27] balenaEtcher,[28] Eclipse Theia,[10] Microsoft Teams,[29] Slack[30] and Visual Studio Code.[31][32] Brave Browser was based on Electron before it was rewritten to use Chromium directly.[33] The most common criticism of Electron is that it necessitates software bloat when used for simple programs.[34] As a result, Michael Larabel has referred to the framework as "notorious among most Linux desktop users for being resource heavy, not integrating well with most desktops, and generally being despised."[35] Meanwhile, Joey Sneddon states that this tradeoff is sensible as Electron greatly lowers the cost of developing and maintaining cross-platform software.[36] Researchers have shown that Electron's large feature set can be hijacked by bad actors with write access to the source JavaScript files. This requires root access on *nix systems and isn't considered to be a vulnerability by the Electron developers.[37] Those who are concerned that Electron is not always based on the newest version of Chromium have recommended progressive web applications as an alternative.[38]</p>
<p>Electron (formerly known as Atom Shell[5]) is a free and open-source software framework developed and maintained by OpenJS Foundation.[6] The framework is designed to create desktop applications using web technologies (mainly HTML, CSS and JavaScript, although other technologies such as front-end frameworks and WebAssembly are possible) that are rendered using a version of the Chromium browser engine and a back end using the Node.js runtime environment.[7] It also uses various APIs to enable functionality such as native integration with Node.js services and an inter-process communication module. Electron was originally built for Atom[5] and is the main GUI framework behind several open-source projects including Atom, GitHub Desktop, Light Table,[8] Visual Studio Code, WordPress Desktop[9] and Eclipse Theia.[10]</p>
</body>

</html>

In some languages such as Arabic, Texts are written from right to left.

0

There are 0 best solutions below