Seltsames Problem in Safari: Kann keinen Text aus einem Eingabefeld auswählen - css, safari, google-chrome

Ich habe eine Webanwendung, in der Benutzer ihre Profilinformationen bearbeiten können. Dies wird als normales Webformular mit Eingabefeldern dargestellt, die die vorhandenen Werte enthalten:

<form action="<snipped>" method="post" accept-charset="utf-8" id="frmEditUser">

<fieldset>

<p>
<label for="username">Username</label>
<input type="text" name="username" id="username" value="<?= $uname ?>" size="30" title="must be unique" size="30" />
<label for="username" generated="true" class="error">*<?= form_error("username"); ?></label>
</p>

</fieldset>
</form>

Es gibt mehr Felder, aber dieses vereinfachte Markupzeigt, dass ich nichts Ungewöhnliches tue. Sowohl in Safari als auch in Chrome (unter Windows 7) erhalte ich ein merkwürdiges Verhalten, wenn ich versuche, in diesen Feldern vorhandene Werte auszuwählen:

Wenn ich von links nach rechts wähle, wird der ausgewählte Text wie erwartet hervorgehoben. Wenn ich den Cursor an das Ende des Feldes setze und von rechts nach links wähle, wird beim Loslassen der Maustaste die Auswahl rückgängig gemacht und der Cursor sitzt wieder am Ende des Feldes.

Dieses Problem tritt bei allen Eingabefeldern auf undTextareas meiner Anwendung, aber nur in Safari und Chrome. Ich dachte, es könnte ein Javascript-Problem sein, aber das Problem bleibt bestehen, wenn alle Javascript deaktiviert wird. Wenn Sie alle CSS deaktivieren, verschwindet das Problem.

Also das Problem ist in meinem CSS. Ich habe alle CSS-Regeln deaktiviert, die etwas mit Formularen oder Formularelementen zu tun haben, aber das Problem bleibt bestehen.

Ich hatte gehofft, dass es eine seltsame Chance gibt, dass jemand anderes auf dasselbe Problem gestoßen ist?

Update: Das Problem ist noch feinkörniger.Es scheint nur dann zu kommen, wenn ich von rechts nach links wähle und bei diesem Schwebevorgang das Feld am linken Rand verlasse. Nicht wie beim Klicken nach außen, sondern wie beim Ausblenden, während Sie die Maustaste gedrückt halten, um die Auswahl zu treffen.

Update II: Ich habe die Ursache des Problems entdeckt.Dies geschieht bei der Auswahl von rechts nach links und bei diesem Auswahlvorgang wird das Formularelement und nicht das Feld verlassen. Ich habe einen roten Rahmen um das Formularelement hinzugefügt. Sobald ich es auf der linken Seite verlasse, ist die Auswahl, die ich getroffen habe, weg. Wenn ich dem Formularelement links Auffüllung hinzufüge, zeigt es, dass die Auswahl so lange bleibt, wie ich innerhalb des Formularelements bleibe.

Immer noch ein bizarres Problem, das ich gerne lösen würde :(

Antworten:

1 für die Antwort № 1

Ich habe deine Frage gelesen und mich entschieden, meine Seite zu überprüfenin Chrom und fand das gleiche Problem. Gehen Sie auf meine Website www.futurekode.com und gehen Sie zum Kontaktformular, geben Sie Ihren Namen und Ihre E-Mail-Adresse ein und versuchen Sie, den Text auszuwählen.

Bei mir passiert es nur mit dem zweiten Eingabefeld (der E-Mail-Adresse) und nicht mit dem Textfeld.

Ich habe festgestellt, dass das Hinzufügen von display: block zum Eingabefeld es in Chrome, aber nicht in Safari repariert: /

Sehr merkwürdig


Verwandte Fragen
Speisekarte