# Fix Dropdown Z-Index and Code Runner

## 1. Fix Custom Dropdown Z-Index
The `CustomSelect.vue` component has a `z-index` issue where the dropdown menu is being obscured by other elements (likely the "glass" headers or other stacked contexts).
- **File**: `client/src/components/CustomSelect.vue`
- **Change**: Increase `z-index` of `.dropdown-options` to `9999` (or similar high value) to ensure it floats above everything.

## 2. Fix Code Runner Error
The error `Uncaught SyntaxError: Failed to execute 'write' on 'Document': Cannot use import statement outside a module` occurs because the frontend (`CodePreview.vue`) tries to `document.write` code that might contain `import` statements directly into an iframe without specifying `<script type="module">`.

However, the user mentioned "Backend running code did not succeed". Looking at `CodePreview.vue`, the logic for `javascript`, `vue`, `react`, and `python` is all purely client-side (using `doc.write`). It **does not** seem to be calling the backend API `/api/run` that I implemented earlier.

**Correction Plan**:
1.  **Update `CustomSelect.vue`**: Increase `z-index`.
2.  **Update `CodePreview.vue`**:
    - **Connect to Backend**: Modify `runCode` to actually call the backend API for languages like `go`, `php`, `node` (if added). The current implementation has `javascript` running in the browser, which is fine, but the user might be trying to run module-based JS code.
    - **Fix Module Error**: For `javascript`, `vue`, and `react`, ensure the injected script tag has `type="module"` if the code uses imports.
    - **Add Backend Languages**: Add options for `go`, `php`, `node` to the dropdown and implement the API call logic for them.

**Detailed Steps for CodePreview.vue**:
1.  Add `go`, `php`, `node` to `languageOptions`.
2.  Update `runCode` to:
    - Check if the language is client-side (`html`, `css`, `javascript`, `vue`, `react`, `python` via Pyodide) or server-side (`go`, `php`, `node`).
    - **Client-side**: Keep existing logic but fix the `type="module"` issue for JS/Vue/React templates.
    - **Server-side**: Call `POST /api/run`. Display the result (stdout/stderr) in the console output area.

I will prioritize fixing the reported error first (module import) and the z-index.

**Specific Fix for Module Error**:
In `CodePreview.vue`, the `javascript` template uses a standard `<script>` tag. If the user's code has `import`, it fails. I will change the template to use `<script type="module">`.

**Specific Fix for Backend Execution**:
The user explicitly mentioned "Backend running code". This means I *must* enable the backend execution I built. I will add the logic to call `/api/run` for supported backend languages.
