Why Cytoscape.js-cola layout is not spanning the entire width of a bootstrap card?

[wasimaftab]

I am using cola layout to render a Cytoscape graph inside a bootstrap card element in an electron app. However, the graph mostly tries to span vertically and in spite of having plenty of spaces in the horizontal direction, it does not span there. Because of this, the node labels become completely illegible. See the following screenshot.

To reproduce the issue please use the following Electron fiddle gist:
https://gist.github.com/wasimaftab/33ab4ef9134b8c2b4c7afed4392b6520

I'm using cytoscape@3.16.1 and cytoscape-cola@2.4.0

[stale]

This issue has been automatically marked as stale, because it has not had activity within the past 30 days. It will be closed if no further activity occurs within the next 30 days. If a feature request is important to you, please consider making a pull request. Thank you for your contributions.

[maxkfranz]

Have you posted a minimally reproducible example (i.e. without electron) the Cola project's issue tracker?

https://github.com/tgdwyer/WebCola

[wasimaftab]

Have you posted a minimally reproducible example (i.e. without electron) the Cola project's issue tracker?

https://github.com/tgdwyer/WebCola

I just posted a minimally reproducible example (without Electron), here it is tgdwyer/WebCola#314

[stale]

This issue has been automatically marked as stale, because it has not had activity within the past 30 days. It will be closed if no further activity occurs within the next 30 days. If a feature request is important to you, please consider making a pull request. Thank you for your contributions.