bug (parser function): fixed wrapper height causes overlays

[gesinn-it-gea]

Given a wiki with Chameleon skin. When source editing a page with the #knowledgegraph parser function, a preview will overlay the wiki text editor making the text inaccessible.

The same happens on regular pages:

[gesinn-it-gea]

This is caused by a fixed style in knowledgegraph-wrapper

[thomas-topway-it]

@gesinn-it-gea I cannot reproduce with chameleon and last version, could you please post the styles from the inspector ? -- or is there a public url that I can access ?

[gesinn-it-gea]

Currently I do not have a public URL,

• MW 1.39.7
• mediawiki/chameleon-skin 4.3.0
• KnowledgeGraph 55874d6
• ... and some other extension that should not cause the style height set to 28px

The problem is the style attribute height set to 28px in my case.

[gesinn-it-gea]

## -------- Chameleon --------
# Chameleon included via Composer
wfLoadExtension( 'Bootstrap' );
wfLoadSkin( 'chameleon' );
$wgDefaultSkin="chameleon";
$egChameleonLayoutFile= "$IP/skins/chameleon/layouts/standard.xml";
## ======== Chameleon ========

[gesinn-it-gea]

In Vector (just commenting Chameleon), rendering works as expected. JS console:

[thomas-topway-it]

@gesinn-it-gea I remember I had already fixed this issue and perhaps I've found it shows here https://test.knowledge.wiki/SemanticGraph?useskin=chameleon

[gesinn-it-gea]

@thomas-topway-it thanks for looking into it. Is the fix you have mentioned already committed here?

[thomas-topway-it]

it should, so it is strange it happens, now I'm trying to update the KG extension on the server to check if it is caused by an old version. If this is not the case, I can debug it

[gesinn-it-gea]

Your wiki show's the same bug. Try to add some text before and after the parser function call to make it easier to see the overlay.

[thomas-topway-it]

I have now installed the last version and looks correct https://test.knowledge.wiki/SemanticGraph

[thomas-topway-it]

git clone https://github.com/SemanticMediaWiki/KnowledgeGraph

[thomas-topway-it]

ah, no, one second, there wasn't the skin https://test.knowledge.wiki/SemanticGraph?useskin=chameleon

[gesinn-it-gea]

Please edit your example page to have some text before and after the parser function

TEXT BEFORE
{{#knowledgegraph...
TEXT AFTER

[thomas-topway-it]

I don't have account on this wiki, however I'm trying to debug it anyway, I have identified the issue (at DOM level)

[gesinn-it-gea]

@krabina can you please edit the example page as described in my last comment

https://test.knowledge.wiki/SemanticGraph

[thomas-topway-it]

for now I've fixed this 4a2483f a quite bad inadvertence, my fault

[thomas-topway-it]

there is still some inconsistency between chameleon and vector, I'm trying to find out the reason

[thomas-topway-it]

I did a better assessment f253f94

so somehow (either Chameleon or Bootstrap) transform the jquery width() and height() functions to have absolute values, so now we are using plain javascript

[gesinn-it-gea]

works perfect! Many thanks for having a look at this. One hint: there seems to be still some console output. This should imho be removed.

[thomas-topway-it]

ok, done 7d91333