EDIT

Applied in changeset cdm-vaadin|bf643f223676b7510d21e41dd3760f342696e4a4.

please review

Mit der Referenz hatte ich Probleme. Die Wiedergabe des Buches ist ungenügend (siehe Screen shot).
Editor fehlt, "23" macht nur als Vol. der Book series "Iconographia Diatomologica" Sinn. Bis auf die Seitenzahlen ist das Buch vollständig erfasst.

Book title causes problems. Combobox longer than screen. Date not given AND title not shortened. See screen shot:

We should differentiate between atomized data and protected/unprotected caches and bibliographic/nomenclatural references. The respective reference looks like this (screen shot).
Data atomized.
Reference Cache (=bibliographic) = unprotected, i.e. the padlock is open to allow atomized data to update the cache.
Nomencl. Cache (=nomenclatural reference) = protected, i.e. the cache is saved "as is" in the field and is protected by a closed padlock.
It is not clear in Vaadin on which cache the reference is searched.

Bemerkung:Eine Änderung in den atomisierten Daten hat eine Änderung im Feld mit geschlossenem Schloss, aber keine Änderung im Cache mit geöffnetem Schloss bewirkt, das ist völlig absurd. Das Schließen des Schlosses beim Reference Cache hat ein Update des Feldes bewirkt, das ist eine Funktionalität, die weder in einem Mouseover erklärt wird, noch im NutzerInnen-Handbuch, noch irgendwie intuitiv nachvollziebar ist.

2018-12-17 no changes visible for me.

Normally the formatter works well.
Problems with long book titles are not solved.
Search for "Greuter" same as shown in #7.
Search for "Lange-Bertalot", "Hofmann"

A new layout problem occurred: Even if a long title shortened, the dropdown menue is too long (see screen shot).

An old/new related layout problem occurs:
If there are two long dropdown boxes AND the user reaches the box with the mouse beginning below the box, the Vaadin screen is pushed to the left (see screen shot).

The test server was not yet up to date. After the server was buidl freshly I could not reproduce any of the above named issues.
Please test again.

"Greuter" Ref. solved. Layout problems not, see #11

A new layout problem occurred: Even if a long title shortened, the dropdown menue is too long (see screen shot).

An old/new related layout problem occurs:
If there are two long dropdown boxes AND the user reaches the box with the mouse beginning below the box, the Vaadin screen is pushed to the left (see screen shot).
New Add: it also happens when the mouse is above the box.

For me it looks like this:

I think we should discuss these differences we see in a telco.

Die meisten Unstimmigkeiten kommen durch IAPT-Altdaten und Einträge aus dem ersten Jahr PhycoBank.
Dort wurden Serien wie Journals behandelt und es gab keine Sections. D.h. Grundsätzlich ist folgendermaßen verfahren worden.

Artikel: Algenname Nomenklatorisches Autorenteam in Jounal Volume: Ref. detail
(Das ist ein Verfahren, dass pragmatisch und nomenklatorisch korrekt ist, allerdings bibliographisch nicht regelgerecht und nicht CDM-konform). Das war auch einer der Hauptgründe, warum wir mit der AlgaTerra-Migration nicht richtig weiter kamen.

Tatsächlich müsste es in PhycoBank folgendermaßen hinterlegt sein:

Sektion: Algenname Nomenklatorisches Autorenteam in Booksection: bibligraphisches Autorenteam: Titel in: Book: Editorenteam: Titel des Buches, Seitenzahlen. Reihe Volume. Verlagsort, Verlag.

Bei letzten beiden ist immer die Frage der Reihenfolge.
Jedenfalls ist kein automatisiertes Verfahren möglich, da hunderte von Namen neu evaluiert werden müssen.

The data problems pointed out in comment 16 are not really relevant for this issue.

But there is still one situation in which the combobox popup is exceeding the overall page width, even if there is no such long label in the popup:

This can be reproduced by scrolling the pages via the page down button or with the mouse wheel.