Google chrome 谷歌Chrome、Iframe和选定文本的奇怪问题，文本方向从LTR变为RT
在本例中，如果从右到左选择输入字段，鼠标移到iframe上并松开对iframe的单击，那么当我开始在输入字段中键入时，如果光标位于iframe上，文本方向变为RTL，当鼠标光标离开iframe时，它神奇地变为LTRGoogle chrome 谷歌Chrome、Iframe和选定文本的奇怪问题，文本方向从LTR变为RT,google-chrome,iframe,text,right-to-left,direction,Google Chrome,Iframe,Text,Right To Left,Direction,在本例中，如果从右到左选择输入字段，鼠标移到iframe上并松开对iframe的单击，那么当我开始在输入字段中键入时，如果光标位于iframe上，文本方向变为RTL，当鼠标光标离开iframe时，它神奇地变为LTR <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewpor
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
<link href="https://unpkg.com/tailwindcss@^1.0/dist/tailwind.min.css" rel="stylesheet">
</head>
<body>
<div class="m-2">
<div class="grid grid-cols-3">
<div class="lg:col-span-2 w-full">
<iframe class="w-full" height="960" src="https://www.w3.org/WAI/ER/tests/xhtml/testfiles/resources/pdf/dummy.pdf" style="border:0;"></iframe>
</div>
<div class="m-4 p-2">
<div class="lg:col-span-1 w-full">
<div class="bg-white border rounded px-8 pt-6 pb-8 mb-4 flex flex-col">
<div class="flex justify-center font-bold text-sm">
Rename
</div>
<div class="mb-4">
<label class="block text-grey-800 text-sm mb-2" for="name">
Name
</label>
<input class="shadow border rounded w-full py-2 px-3 text-grey-800" type="text" value="Sample text">
</div>
<div class="flex items-center justify-end">
<button type="submit" class="bg-blue-500 hover:bg-blue-800 text-white text-sm font-bold py-2 px-4 rounded">
Submit
</button>
</div>
</div>
</div>
</div>
</div>
</div>
</body>
</html>
文件
改名
名称
提交