Update for the Magento 2.2.x

Author: php-cuong

composer.json

@@ -10,9 +10,9 @@
         "magento 2 extension free"
     ],
     "require": {
-        "php": "~5.6.0|7.0.2|~7.0.6",
-        "magento/module-backend": "100.0.*|100.1.*",
-        "magento/framework": "100.0.*|100.1.*"
+        "php": "~5.6.0|7.0.2|7.0.4|~7.0.6|~7.1.0",
+        "magento/module-backend": "100.0.*|100.1.*|100.2.*",
+        "magento/framework": "100.0.*|100.1.*|101.0.*"
     },
     "type": "magento2-module",
     "version": "2.1.0",

view/frontend/templates/question/form.phtml

@@ -6,6 +6,11 @@
  * @var $block \PHPCuong\ProductQuestionAndAnswer\Block\Form
  */
 ?>
+<style>
+    .question_popup_container {
+        display: none;
+    }
+</style>
 <?php if (!$block->getAllowToWrite()): ?>
     <style>
         .question-add {
@@ -40,7 +45,7 @@
     <?php /* @escapeNotVerified */ echo __('Only registered users can write questions. Please <a href="%1">Sign in</a> or <a href="%2">create an account</a>', $block->getLoginUrl(), $block->getRegisterUrl()) ?>
 </div>
 <?php endif; ?>
-<div id="question-popup-content" class="hidden-input">
+<div id="question-popup-content" class="question_popup_container">
     <?php echo $block->getChildHtml(); ?>
 </div>
 <script type="text/x-magento-init">

view/frontend/templates/question/popup.phtml

@@ -1,4 +1,4 @@
-<form action="<?php /* @escapeNotVerified */ echo $block->getAction(); ?>" class="question-form hidden" method="post" id="question-form-popup" data-role="question-form-popup" data-mage-init='{"validation":{}}'>
+<form action="<?php /* @escapeNotVerified */ echo $block->getAction(); ?>" class="question-form" method="post" id="question-form-popup" data-role="question-form-popup" data-mage-init='{"validation":{}}'>
     <?php echo $block->getBlockHtml('formkey'); ?>
     <fieldset class="fieldset question-fieldset">
         <div class="field question-field-name required">

view/frontend/web/css/customer-questions.less

@@ -63,9 +63,6 @@
         .question-add {
             display: block;
             border: 0px;
-            border-top: 1px solid #ccc;
-            padding-top: 2rem;
-            border-top-style: dashed;
             textarea.mage-error:focus {
                 border-color: #ed8380;
             }