Purpose of small arrows and how to turn them off

[nevrome]

Thanks for this really nice widget!

What's the purpose of these small up and down arrows that accompany every cell?

How can I turn them off if they don't serve any purpose for me?

[sgratzl]

those are tiny scrollbars. We don't know yet why on some systems and configurations they appear and in others they won't. However, increasing the height of an individual row usually fixed the problem.

can you try to run something like:

lineup(shared_iris, options=list(rowHeight=20))

[nevrome]

Thanks for the fast reply. Unfortunately rowHeight doesn't seem to do anything. I can't see any effect of this option.

The arrows do not appear if I use lineupjs::lineup independently. The problem seems to be limited to the context of my shiny app. There I have some custom CSS to make some parts of the lineup table transparent.

.lu-row {
  background-color: rgba(0,0,0,0.0) !important;
}
.lu-header {
  background-color: rgba(0,0,0,0.0) !important;
}
.lu-handle {
  background-color: rgba(0,0,0,0.0) !important;
}

But I guess that's not the problem.

[nevrome]

I was able to set the row height manually in my CSS:

.lu-row {
  background-color: rgba(0,0,0,0.0) !important;
  height: 20px !important;
}

That worked and solved the scrollbar problem. Thanks for your help!

[sgratzl]

.lu-row { background-color: rgba(0,0,0,0.0) !important; height: 20px !important; }

please avoid setting the height manually. LineUp needs to know what the row height is since it optimized the rendering to show only the visible rows. With this approach you might end up with scrolling articfacts. You can try to set overflow: hidden !important instead;

[nevrome]

Hm... I understand. overflow: hidden !important doesn't work for me.

Do you have an idea why the rowHeight option has no effect? In the R help ?lineup this option is not explicitly documented. Maybe it's not implemented yet on the R site?

[sgratzl]

there was a bug when merging the default options with the given options. Fixed with https://github.com/datavisyn/lineup_htmlwidget/commit/39a9acbf329105de614b4de225457e19b6d05edf. Moreover, I updated to lineupjs 3.1.5

lineup(iris, options=list(rowHeight=40))

results now in

[nevrome]

Excellent! Thank you very much!