{"action":"created","issue":{"url":"https://api.github.com/repos/webcompat/web-bugs/issues/17426","repository_url":"https://api.github.com/repos/webcompat/web-bugs","labels_url":"https://api.github.com/repos/webcompat/web-bugs/issues/17426/labels{/name}","comments_url":"https://api.github.com/repos/webcompat/web-bugs/issues/17426/comments","events_url":"https://api.github.com/repos/webcompat/web-bugs/issues/17426/events","html_url":"https://github.com/webcompat/web-bugs/issues/17426","id":335612815,"node_id":"MDU6SXNzdWUzMzU2MTI4MTU=","number":17426,"title":"www.appmatch.com - site is not usable","user":{"login":"AndyL964","id":22827982,"node_id":"MDQ6VXNlcjIyODI3OTgy","avatar_url":"https://avatars3.githubusercontent.com/u/22827982?v=4","gravatar_id":"","url":"https://api.github.com/users/AndyL964","html_url":"https://github.com/AndyL964","followers_url":"https://api.github.com/users/AndyL964/followers","following_url":"https://api.github.com/users/AndyL964/following{/other_user}","gists_url":"https://api.github.com/users/AndyL964/gists{/gist_id}","starred_url":"https://api.github.com/users/AndyL964/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/AndyL964/subscriptions","organizations_url":"https://api.github.com/users/AndyL964/orgs","repos_url":"https://api.github.com/users/AndyL964/repos","events_url":"https://api.github.com/users/AndyL964/events{/privacy}","received_events_url":"https://api.github.com/users/AndyL964/received_events","type":"User","site_admin":false},"labels":[{"id":242578402,"node_id":"MDU6TGFiZWwyNDI1Nzg0MDI=","url":"https://api.github.com/repos/webcompat/web-bugs/labels/browser-firefox-mobile","name":"browser-firefox-mobile","color":"fbca04","default":false},{"id":637127682,"node_id":"MDU6TGFiZWw2MzcxMjc2ODI=","url":"https://api.github.com/repos/webcompat/web-bugs/labels/priority-normal","name":"priority-normal","color":"55AA77","default":false}],"state":"open","locked":false,"assignee":null,"assignees":[],"milestone":{"url":"https://api.github.com/repos/webcompat/web-bugs/milestones/3","html_url":"https://github.com/webcompat/web-bugs/milestone/3","labels_url":"https://api.github.com/repos/webcompat/web-bugs/milestones/3/labels","id":2845624,"node_id":"MDk6TWlsZXN0b25lMjg0NTYyNA==","number":3,"title":"needsdiagnosis","description":"Issues in the process of being analyzed to discover the root cause of the problem. Previous stage is needstriage.","creator":{"login":"karlcow","id":505230,"node_id":"MDQ6VXNlcjUwNTIzMA==","avatar_url":"https://avatars0.githubusercontent.com/u/505230?v=4","gravatar_id":"","url":"https://api.github.com/users/karlcow","html_url":"https://github.com/karlcow","followers_url":"https://api.github.com/users/karlcow/followers","following_url":"https://api.github.com/users/karlcow/following{/other_user}","gists_url":"https://api.github.com/users/karlcow/gists{/gist_id}","starred_url":"https://api.github.com/users/karlcow/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/karlcow/subscriptions","organizations_url":"https://api.github.com/users/karlcow/orgs","repos_url":"https://api.github.com/users/karlcow/repos","events_url":"https://api.github.com/users/karlcow/events{/privacy}","received_events_url":"https://api.github.com/users/karlcow/received_events","type":"User","site_admin":false},"open_issues":266,"closed_issues":0,"state":"open","created_at":"2017-10-18T01:26:57Z","updated_at":"2018-08-14T13:36:59Z","due_on":null,"closed_at":null},"comments":1,"created_at":"2018-06-26T00:17:24Z","updated_at":"2018-08-15T01:09:17Z","closed_at":null,"author_association":"NONE","body":"<!-- @browser: Firefox Nightly Mobile 62.0a1 -->\n<!-- @ua_header: Mozilla/5.0 (Android 8.1.0; Mobile; rv:62.0) Gecko/62.0 Firefox/62.0 -->\n<!-- @reported_with: mobile-reporter -->\n\n**URL**: https://www.appmatch.com/ask\n\n**Browser / Version**: Firefox Nightly Mobile 62.0a1\n**Operating System**: Android 8.1.0\n**Tested Another Browser**: Yes\n\n**Problem type**: Site is not usable\n**Description**: Text box for description of what app you are looking for cannot be edited. \n**Steps to Reproduce**:\nGo to site url on Firefox's Android app (don't know if bug will appear on iOS) and tap on the textbox with the \"I'm looking for an app that\" placeholder text. Keyboard will show up for the first tap, but not for subsequent taps, regardless, textbox content cannot be edited. Note that this site will only work on mobile browsers. \r\n[![Screenshot Description](https://webcompat.com/uploads/2018/6/76eaaa96-a231-4dad-8606-084a17baf8bf-thumb.jpeg)](https://webcompat.com/uploads/2018/6/76eaaa96-a231-4dad-8606-084a17baf8bf.jpeg)\n\n\n\n_From [webcompat.com](https://webcompat.com/) with ❤️_"},"comment":{"url":"https://api.github.com/repos/webcompat/web-bugs/issues/comments/413063915","html_url":"https://github.com/webcompat/web-bugs/issues/17426#issuecomment-413063915","issue_url":"https://api.github.com/repos/webcompat/web-bugs/issues/17426","id":413063915,"node_id":"MDEyOklzc3VlQ29tbWVudDQxMzA2MzkxNQ==","user":{"login":"karlcow","id":505230,"node_id":"MDQ6VXNlcjUwNTIzMA==","avatar_url":"https://avatars0.githubusercontent.com/u/505230?v=4","gravatar_id":"","url":"https://api.github.com/users/karlcow","html_url":"https://github.com/karlcow","followers_url":"https://api.github.com/users/karlcow/followers","following_url":"https://api.github.com/users/karlcow/following{/other_user}","gists_url":"https://api.github.com/users/karlcow/gists{/gist_id}","starred_url":"https://api.github.com/users/karlcow/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/karlcow/subscriptions","organizations_url":"https://api.github.com/users/karlcow/orgs","repos_url":"https://api.github.com/users/karlcow/repos","events_url":"https://api.github.com/users/karlcow/events{/privacy}","received_events_url":"https://api.github.com/users/karlcow/received_events","type":"User","site_admin":false},"created_at":"2018-08-15T01:09:17Z","updated_at":"2018-08-15T01:09:17Z","author_association":"CONTRIBUTOR","body":"```html\r\n<div class=\"form-group\">\r\n  <div id=\"text-question_livespell_proxy\" \r\n    class=\"livespell_textarea\" \r\n    style=\"display: block; font-size: 18px; line-height: 27px; font-family: &quot;Fira Sans&quot;; width: 90%; height: 150px; padding: 20px; margin: 0px 0px 0px 5%; font-weight: normal; font-style: normal; color: rgb(51, 51, 51); text-transform: none; text-decoration: none solid rgb(51, 51, 51); text-align: start; vertical-align: baseline; direction: ltr; background-color: rgb(244, 244, 244); background-image: none; background-repeat: repeat; background-position: 0% 0%; background-attachment: scroll;\" \r\n    hasfocus=\"false\" \r\n    spellcheck=\"false\" \r\n    autocheck=\"true\" \r\n    contenteditable=\"plaintext-only\">I’m looking for an app that</div>\r\n  <textarea \r\n    name=\"text-question\" \r\n    placeholder=\"I’m looking for an app that...\" \r\n    id=\"text-question\" \r\n    style=\"display: none; visibility: hidden;\"></textarea>\r\n</div>\r\n\r\n```\r\n\r\nThe textarea  is `display: none; visibility: hidden;`  so I guess the expection is to be using the div.\r\n\r\nthe click event is associated to:\r\nhttps://www.appmatch.com/js/spellchecker/js/jquery.spellchecker.js\r\n\r\n```js\r\n  /* Handlers \r\n   *************************/\r\n\r\n  var selectWordHandler = function(handlerName) {\r\n\r\n    return function(e) {\r\n    \r\n      e.preventDefault();\r\n      e.stopPropagation();\r\n\r\n      var element = $(e.currentTarget);\r\n      var word = $.trim(element.data('word') || element.text());\r\n\r\n      this.trigger(handlerName, e, word, element, this);\r\n\r\n    }.bind(this);\r\n  }; \r\n```\r\n\r\nand the keyup event with\r\n\r\n```js\r\n        $('div#text-question_livespell_proxy').on('keyup', function () {\r\n            setTimeout(function () {\r\n                spellchecker.check();\r\n            }, 500);\r\n            $('textarea#text-question').val($(this).text());\r\n        });\r\n```\r\n\r\nbut this is part of something a bit bigger.\r\n\r\n```js\r\n        // Click to question field: text-question\r\n        $('textarea#text-question').on('click, focus', function () {\r\n            var $this = $(this);\r\n            if (!$this.val()) {\r\n                $this.val('I’m looking for an app that');\r\n                $this.css({\r\n                    display: 'none',\r\n                    visibility: 'hidden'\r\n                });\r\n\r\n                $('div#text-question_livespell_proxy').removeClass('hide').focus().html('I’m looking for an app that');\r\n                placeCaretAtEnd(document.getElementById(\"text-question_livespell_proxy\"));\r\n            }\r\n        });\r\n\r\n        // Create a new spellchecker instance\r\n        var spellchecker = new $.SpellChecker('div#text-question_livespell_proxy', {\r\n            lang: 'en',\r\n            parser: 'html',\r\n            webservice: {\r\n                path: base_url + 'js/spellchecker/webservices/php/SpellChecker.php',\r\n                driver: 'pspell'\r\n            },\r\n            suggestBox: {\r\n                position: 'below'\r\n            }\r\n        });\r\n\r\n        $('div#text-question_livespell_proxy').on('keyup', function () {\r\n            setTimeout(function () {\r\n                spellchecker.check();\r\n            }, 500);\r\n            $('textarea#text-question').val($(this).text());\r\n        });\r\n\r\n        function placeCaretAtEnd(el) {\r\n            el.focus();\r\n            if (typeof window.getSelection != \"undefined\"\r\n                && typeof document.createRange != \"undefined\") {\r\n                var range = document.createRange();\r\n                range.selectNodeContents(el);\r\n                range.collapse(false);\r\n                var sel = window.getSelection();\r\n                sel.removeAllRanges();\r\n                sel.addRange(range);\r\n            } else if (typeof document.body.createTextRange != \"undefined\") {\r\n                var textRange = document.body.createTextRange();\r\n                textRange.moveToElementText(el);\r\n                textRange.collapse(false);\r\n                textRange.select();\r\n            }\r\n        }\r\n\r\n```\r\n\r\nTrying to debug this, but running into issues with the debugger.\r\nhttps://github.com/devtools-html/debugger.html/issues/6831"}}
{"actor":{"display_login":"karlcow"}}