To recreate: 1. Go to HTML customization, News, or Pages and make a new entry using the text editor ( CodeMirror ) 2. Trying using your mouse to focus on the content field. You cannot gain focus. 3. I can use my tab key to focus on the field.
I can focus with my mouse but it is difficult the CodeMirror-wrap is only as wide as the content, so when there is no content it is very small.
Ahh, it's because the list element now uses flex. Perhaps this particular content should not do that. We can remedy it by removing the rows class.
Created attachment 143153 [details] [review] Bug 32103: Remove flex from tab-content list elements To test: 1. Go to HTML customization, News, or Pages and make a new entry using the text editor ( CodeMirror ) 2. It is hard to focus on the Content field because the wrapper width is very small. 3. Apply patch and try again 4. The CodeMirror wrapper width should be normal again. 5. Check the other language tabs. 6. Also test the WYSIWYG editor, it should also be normal. Note: I added some CSS to make the labels appear bold.
Created attachment 143736 [details] [review] Bug 32103: Remove flex from tab-content list elements To test: 1. Go to HTML customization, News, or Pages and make a new entry using the text editor ( CodeMirror ) 2. It is hard to focus on the Content field because the wrapper width is very small. 3. Apply patch and try again 4. The CodeMirror wrapper width should be normal again. 5. Check the other language tabs. 6. Also test the WYSIWYG editor, it should also be normal. Note: I added some CSS to make the labels appear bold. Signed-off-by: Katrin Fischer <katrin.fischer.83@web.de>
Created attachment 143827 [details] [review] Bug 32103: Remove flex from tab-content list elements To test: 1. Go to HTML customization, News, or Pages and make a new entry using the text editor ( CodeMirror ) 2. It is hard to focus on the Content field because the wrapper width is very small. 3. Apply patch and try again 4. The CodeMirror wrapper width should be normal again. 5. Check the other language tabs. 6. Also test the WYSIWYG editor, it should also be normal. Note: I added some CSS to make the labels appear bold. Signed-off-by: Katrin Fischer <katrin.fischer.83@web.de> Signed-off-by: Tomas Cohen Arazi <tomascohen@theke.io>
Pushed to master for 22.11. Nice work everyone, thanks!