Safari on iOS 17, when entering characters into text input box after deleting characters, the layout is off.
Here's the HTML:
<body>
<div id="J001" style="display: inline-block;">
<div id="J001__0" style="display: inline-block;">
<input id="J001__0__input" style="display: inline-block; height: 28px; padding:2px; border:1px solid gray;"></div>
<div id="J003__0" style="display: inline-block;">
<button id="J003__0__btn" style="display: inline-block; height:34px;">a</button>
</div>
</div>
</body>
Enter "A" into text input box.
Delete "A" with the backspace(x).
Enter "A" into text input box, the button position will be shifted down.
iOS 17 の Safari にて、テキスト入力ボックスで文字を削除した後、文字を入力するとレイアウトが崩れます。
テキスト入力ボックスに「A」と入力します。
バックスペース(x)で「A」を削除します。
テキスト入力ボックスに「A」と入力すると、ボタンの位置が下にずれます。
suzumi
Users receive reputation points by contributing quality content to the forums.
Posts include post and replies published on the forums.
Post authors can mark replies as Accepted to indicate successful solutions.
Apple Developer Forums admins can mark replies as Apple Recommended to indicate an approved solution
Post
Replies
Boosts
Views
Activity
I have a select element and a input element like this:
<html>
<head>
<script>
$(document).ready(function(){
$("#sel").change(function(e){
$("#txt").focus();
});
$("#txt").focusout(function(e){
$("#sel").val("1");
});
});
</script>
</head>
<body>
<select id="sel" style="width:50px;">
<option value="1">1</option>
<option value="2">2</option>
<option value="3">3</option>
</select>
<br/>
<input id="txt" name="input" style="width: 100px;">
</body>
</html>
change the option value to 2, then the option value is 1.
The expected value is 2.
mobile safari fires focusout event of active element when the change event occurs.