MobileRead Forums - Sigil 1.3 strange behavior

MobileRead Forums (https://www.mobileread.com/forums/index.php)

- Sigil (https://www.mobileread.com/forums/forumdisplay.php?f=203)

- - Sigil 1.3 strange behavior (https://www.mobileread.com/forums/showthread.php?t=334626)

Sigil 1.3 strange behavior

Hello everybody

I use Sigil for many years and the last version I use is 0.9.14.
I dis not like the new versions after this one, so I stayed on 0.9.
But now I wanted to try the last version 1.3 and got a very strange behavior.
The text and images on the right pane are shown like in a mirror (inversed), while in the left pane, the text is normal. I edit books in french language.
I tried the 1.3 and 1.2 on 2 virtuals machines in Virtualbox, Windows 10 V 2010 and Windows 8.1, all up to date.
I join a capture here.

Could be a CSS issue or setting RTL as a text direction or reversed vertical text. Please show the code on the left so we can tell. Also showing the CSS would help. In css look for transform or rotate.

Also upside down and reversed fonts do exist, check if a custom font is being employed

Hello
Thanks for your reply.
I have hundreds of epub and it this the same with all of them.

----------------------------------------------------------------------

This is the code :

Code:

<?xml version="1.0" encoding="utf-8"?>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN"

  "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">



<html xmlns="http://www.w3.org/1999/xhtml">

<head>

    <meta content="Microsoft Word 12 (filtered)" name="Generator"/>

    <title>Asimov,Isaac-Espace Vital(1957).French.ebook.AlexandriZ</title>

    <meta content="http://www.w3.org/1999/xhtml; charset=utf-8" http-equiv="Content-Type"/>

  <link href="../Styles/stylesheet.css" type="text/css" rel="stylesheet"/>

<style type="text/css">

                @page { margin-bottom: 5.000000pt; margin-top: 5.000000pt; }</style>

</head>

  <body class="calibre">

<div class="Section">



<p class="MsoNormal">*</p>



<p class="MsoNormal1"><span class="calibre1">ISAAC ASIMOV</span></p>



<p class="MsoNormal">*</p>



<p class="MsoNormal">*</p>



<p class="MsoNormal">*</p>



<p class="MsoNormal1"><b class="calibre2"><span class="calibre3">ESPACE VITAL</span></b></p>



<p class="MsoNormal">*</p>



<p class="MsoNormal">*</p>



<p class="MsoNormal1"><b class="calibre2"><i class="calibre4"><span class="calibre5">Nouvelles</span></i></b></p>



<p class="MsoNormal">*</p>



<p class="MsoNormal1"><i class="calibre4"><span class="calibre6">Traduites par Michel Deutsch</span></i></p>



<p class="MsoNormal">*</p>



<p class="MsoNormal">*</p>



<p class="MsoNormal1"><i class="calibre4"><span class="calibre5">Le Masque</span></i></p>

----------------------------------------------------------------------

This is the style sheet :

Code:



@namespace h "http://www.w3.org/1999/xhtml";

.MsoFootnoteReference {

    line-height: 1.2;

    font-size: 0.75em;

    margin-left: 1px;

    vertical-align: 30%

    }

.MsoFootnoteText {

    display: block;

    font-size: 1em;

    line-height: 1.2;

    margin-bottom: 0;

    margin-left: 0;

    margin-right: 0;

    margin-top: 0;

    text-align: justify

    }

.MsoNormal {

    display: block;

    font-size: 1em;

    line-height: 1.2;

    margin-bottom: 0;

    margin-left: 0;

    margin-right: 0;

    margin-top: 0;

    text-align: justify;

    text-indent: 14pt

    }

.MsoNormal1 {

    display: block;

    font-size: 1.33333em;

    line-height: 1.2;

    margin-bottom: 0;

    margin-left: 0;

    margin-right: 0;

    margin-top: 0;

    text-align: center;

    text-indent: 0

    }

.MsoNormal2 {

    display: block;

    font-size: 1.33333em;

    line-height: 1.2;

    margin-bottom: 0;

    margin-left: 0;

    margin-right: 0;

    margin-top: 0;

    text-align: right;

    text-indent: 22.7pt

    }

.MsoNormal3 {

    display: block;

    font-size: 1.33333em;

    line-height: 1.2;

    margin-bottom: 0;

    margin-left: 0;

    margin-right: 0;

    margin-top: 6pt;

    text-align: center;

    text-indent: 0

    }

.MsoNormal4 {

    background: silver;

    display: block;

    font-size: 1.33333em;

    line-height: 1.2;

    margin-bottom: 0;

    margin-left: 0;

    margin-right: 0;

    margin-top: 0;

    text-align: center;

    text-indent: 0

    }

.Section {

    display: block;

    line-height: 1.2;

    page: Section1

    }

.calibre {

    display: block;

    font-family: "Georgia", "Serif";

    font-size: 1em;

    line-height: 1.2;

    margin-bottom: 0;

    margin-left: 5pt;

    margin-right: 5pt;

    margin-top: 0;

    padding-left: 0;

    padding-right: 0

    }

.calibre1 {

    font-size: 1.625em;

    line-height: 1.2

    }

.calibre10 {

    font-size: 0.875em;

    letter-spacing: 0.5pt;

    line-height: 1.2

    }

.calibre11 {

    display: block;

    font-size: 1.83333em;

    font-weight: bold;

    line-height: 1.2;

    margin-bottom: 0;

    margin-left: 0;

    margin-right: 0;

    margin-top: 48pt;

    text-align: center

    }

.calibre12 {

    font-size: 0.8125em;

    line-height: 1.2;

    vertical-align: super

    }

.calibre13 {

    color: inherit;

    cursor: inherit;

    line-height: 1.2;

    text-decoration: inherit

    }

.calibre15 {

    line-height: 1.2

    }

.calibre16 {

    border-bottom: solid black 1pt;

    border-left: none;

    border-right: solid black 4.5pt;

    border-top: none;

    display: block;

    line-height: 1.2;

    padding-bottom: 0;

    padding-left: 0;

    padding-right: 0;

    padding-top: 0

    }

.calibre2 {

    font-weight: bolder;

    line-height: 1.2

    }

.calibre3 {

    font-size: 2.625em;

    line-height: 1.2

    }

.calibre4 {

    font-style: italic;

    line-height: 1.2

    }

.calibre5 {

    font-size: 1.2em;

    line-height: 1.2

    }

.calibre6 {

    font-size: 0.875em;

    line-height: 1.2

    }

.calibre7 {

    height: 160px;

    line-height: 1.2;

    width: 164px

    }

.calibre8 {

    font-size: 1.33333em;

    line-height: 1.2

    }

.calibre9 {

    display: block;

    line-height: 1.2

    }

---------------------------------------------------------------------

And this is how it appears :

I copy/pasted your html and css code and the page looked like the attached image. I'm wondering if something has been corrupted in your sigil.ini file. Under Windows, sigil.ini is located in %LOCALAPPDATA%\sigil-ebook\sigil (copy/paste into a Windows Run box (Windows key + R)). I would suggest closing Sigil, renaming the file to sigil.ini.org, restarting Sigil and see if your preview pane still misbehaves.

I tried the same thing as DNSB and all looks fine. If this is happening with hundreds of epubs then it must be something else. Please try what DNSB suggested first. If that does not help, you might also try invoking Preview's Inspector on that exact same page and looking for something strange in the DOM tree that might explain what is going on.

I agree with KevinH. Check Preview's Inspector, especially the Sources tab.

I can cause this effect, e.g. by adding a code:

Code:

html {

-webkit-transform: scale(1, -1);

}

to the custom_preview_style.css file in Sigil configuration folder.

So the culprit is the scale(1,-1) entry – search the ebook code and the Sigil configuration folder to see if it appears somewhere.

Thanks for your replies.
I just tested a new install on a PC running Windows 10 and surprinsigly, it worked fine.
So the problem seems to be in virtual machine.
Under Windows 10 and Windows 8.1 on Virtualbox, I got this errors.
Sigil is the only program that does not run under Virtual box.
I use English US versions of Windows.
For Info Sigil 0.9.14 runs but not 1.x.
If you have any suggestions ?

I debug, test, build, and compile Sigil With Virtualbox Windows systems (Windows 7 - 10) all day everyday with no problems.

What version of Virtualbox are you using, and what version of the guest additions are you using? Which VM video driver?

In all truthfulness though, even if there is an issue with Sigil and some recent version of virtualbox, it's likely to be a compatibility issue with Qt and video drivers. Much like display issues with Sigil in some Windows 7 machines (physical), there's not much we can do to remedy that. Keeping Sigil working relatively bug-free on three physical platforms is difficult enough. A glitch in a particular virtual environment isn't going to be high on my list of things to track down, I'm afraid.

Have you searched for that custom css file in the Sigil user preferences folder like @BeckyEbook suggested?

Did you try removing the sigil.ini file? Mixing Sigil 0.9.14 and Sigil 1.x or later could be an issue that could corrupt the sigil.ini file.

If that doesn't help, the issue does seem to be with related to the virtual video driver that QtWebEngineProcess sees. So it must be a related to a setting used by Virtual box?

Sigil 0.9.14 used the much older QtWebkit for Preview whereas all later builds use QtWebEngine (Chrome based).

You could try installing Chrome on your virtual box or The Falkon Browser (QtWebEngine based browser) to see if they have similar issues.

Many people run Windows and Sigil under Virtual Machines with no issues, so it is related to your set-up somehow.

Sigil is not, in fact, the only program this happens with. ;)

https://forums.virtualbox.org/viewtopic.php?f=2&t=96600

There's some workarounds in that thread to try.

More here: https://forums.virtualbox.org/viewtopic.php?f=2&t=92944

And here is a link to an official bugreport at VirtualBox:

https://www.virtualbox.org/ticket/19237

Reported over 10 months ago but no updates by devs.
.

Virtualbox itself relies on Qt, so I'm wondering if this isn't caused by a particular version of Qt being shipped with the Windows installer of Virtualbox. I'm assuming the OP's host machine is Windows as well? The discussions on the virtualbox forums mentioned Linux hosts, which would probably rely on the system Qt. So an update to the system Qt could have made the bug disappear if something changed on the Qt side of things (not that anything like that would ever happen :rolleyes: ).

I just verified this is happening with the latest version of VirtualBox (6.1.16) and latest version of Guest Additions (6.1.16) even on my Linux Host (with Windows 10 guest VMs).

I never noticed it because I never have the 3D acceleration turned on in the VBoxSVGA video settings for my Windows guest VMs. VirtualBox 3D acceleration has always been flaky in the past, and is still listed as experimental during the Windows Guest Additions installation. I always disable it in the VM's display settings as a rule.

So if you need to use newer versions of Sigil in a Windows VirtualBox VM, then plan on disabling 3D acceleration in the VM's Display settings. It's not as if Sigil will really benefit from 3D acceleration anyway. *shrug*

The interesting part is that the entire Inspector renders inverted. Freaky!

This could also be an upstream reversion bug in QtWebEngine. I found the following list of QtWebEngine fixes in Qt 5.9.2

Note the following entry:

Quote:

[QTBUG-62112] Fixed upside-down rendering in software rendering mode

Sigil's Qt is most definitely falling back to software rendering when run in VirtualBox. That's been the case for quite awhile. I can force software rendering on some physical machines to see if I can get the issue to manifest outside of VirtualBox.